从0-1学react
文章平均质量分 81
React 是一个强大的工具,用于构建动态和高效的用户界面。通过组件化、虚拟 DOM、声明式编程、单向数据流和 Hooks 等特性,React 提供了一种高效、可维护的方式来开发复杂的前端应用程序。
奶糖 肥晨
一名热爱技术和写作的00后前端程序媛,研究方向包括但不限于大前端、基础架构与中间件、性能优化等。相信不少朋友在CSDN、掘金、博客园、InfoQ、阿里云、公众号,腾讯云等社区看到过俺的干货文章。欢迎一起讨论学习。
展开
-
react报错Uncaught (in promise) TypeError: Cannot read properties of undefined (reading ‘trim‘) at
这个错误表明你尝试在一个未定义的变量上调用trim方法。trim是一个字符串方法,用于移除字符串两端的空白字符。由于JavaScript中的undefined类型没有定义任何方法,因此当你尝试在未定义的变量上调用trim时,会抛出这个错误。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。在调用trim之前,检查变量是否为undefined或null。确认变量是否已经正确定义并赋值为字符串。原创 2024-09-28 16:24:16 · 744 阅读 · 0 评论 -
react安装报错 npm ERR! code ETIMEDOUT npm ERR! errno ETIMEDOUT npm ERR! network request to
错误通常意味着网络连接超时,可能由多种原因导致,如网络不稳定、代理设置问题或 npm registry 服务器暂时不可用。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。原创 2024-09-19 11:49:25 · 783 阅读 · 0 评论 -
react的组件的概念和使用
函数组件是最简单的组件类型,它是一个 JavaScript 函数,接受。原创 2024-09-19 10:51:14 · 1423 阅读 · 0 评论 -
react的事件绑定
在 React 中,事件绑定主要通过 JSX 属性来实现。事件处理函数被传递给相应的事件属性,例如。这些示例展示了如何在 React 中绑定事件处理函数,以便在用户交互时执行特定的操作。这些属性会被绑定到 HTML 元素上,并在事件发生时触发相应的处理函数。在类组件中,确保将事件处理函数的上下文绑定到当前组件实例,以便正确地访问。你可以直接在事件属性中使用箭头函数,这样可以避免创建单独的处理函数。事件处理函数可以接受一个事件对象作为参数,提供有关事件的更多信息。在事件处理函数中,你可以使用。原创 2024-09-19 10:34:00 · 779 阅读 · 0 评论 -
react之jsx基础(2)高频使用场景
JSX 最常见的用途之一是定义组件的结构。组件可以是函数组件或类组件,通常会使用 JSX 来描述组件的 UI。原创 2024-09-19 10:33:26 · 892 阅读 · 0 评论 -
react之jsx基础(1)概念和本质
JSX 是 React 中用于描述 UI 结构的一种语法扩展,它让组件的定义更具可读性和直观性。虽然浏览器无法直接理解 JSX,但它会在构建过程中被转换成 JavaScript 代码,并通过 React 的虚拟 DOM 机制来高效地更新真实 DOM。通过 JSX,你可以轻松地定义和组合 React 组件,从而创建动态和互动的用户界面。您好,我是肥晨。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。原创 2024-09-18 14:23:31 · 1081 阅读 · 0 评论 -
react开发环境搭建
通常你会创建这个目录来存放你的 React 组件文件。工具创建的 React 项目中,默认的项目结构包含了一些标准的文件和目录。如果你使用 TypeScript 或想要更好的 JavaScript 代码提示,可能会看到这些配置文件。项目的配置文件,包含项目的依赖、脚本、项目元数据等。如果项目使用了 ESLint 进行代码检查,可能会有这个配置文件,用于定义代码检查规则。取决于你的项目需求和个人偏好。要创建一个新的 React 项目,可以使用以下几种方法。你可以在这里添加项目的概述、使用说明、安装步骤等。原创 2024-09-18 14:22:52 · 764 阅读 · 0 评论 -
react是什么?
通过组件化、虚拟 DOM、声明式编程、单向数据流和 Hooks 等特性,React 提供了一种高效、可维护的方式来开发复杂的前端应用程序。它在内存中维护一个虚拟的 DOM 树,只有在虚拟 DOM 和实际 DOM 之间存在差异时,React 才会更新实际 DOM。:Hooks 是 React 16.8 引入的新特性,允许在函数组件中使用状态和其他 React 特性,而无需编写类组件。:在 React 中,UI 被拆分成一个个独立的、可重用的组件。:在 React 中,数据流是单向的,即从父组件流向子组件。原创 2024-09-18 14:22:17 · 1372 阅读 · 0 评论 -
react npm start 报错> my-app@0.1.0 start > react-scripts start ‘react-scripts‘ 不是内部或外部命令,也不是可运行
是create-react-app有丢包的缺陷,手动安装包后,需要重新npm install一下,这样node_modules/.bin/目录下才会重新出现react-scripts的文件,这样npm start命令才能正常执行。欢迎关注我获取前端学习资源,日常分享技术变革,生存法则;行业内幕,洞察先机。‘react-scripts’ 不是内部或外部命令,也不是可运行的程序。安装完成后再次运行 npm start 即可。原创 2024-09-14 16:10:44 · 539 阅读 · 0 评论