这篇具有很好参考价值的文章主要介绍了第1章、react基础知识；。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。
1、基本概念；
；文章来源地址https://www.toymoban.com/news/detail-847599.html文章来源：https://www.toymoban.com/news/detail-847599.html
；
到了这里，关于第1章、react基础知识；的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！
本文来自互联网用户投稿，该文观点仅代表作者本人，不代表本站立场。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如若转载，请注明出处： 如若内容造成侵权/违法违规/事实不符，请点击违法举报进行投诉反馈，一经查实，立即删除！
createElement存在的问题： 繁琐不简洁 不直观，无法一眼看出所描述的结构 不优雅，开发体验不好 JSX 简介：JSX 是 JavaScript XML 的简写，表示了在JS代码中写XML（HTML）格式的代码 优势：声明式语法更加直观，与HTML结构相同，降低学习成本，提高开发效率 JSX 是 react 的核心内容‘
React 的渲染流程 JSX - 虚拟 DOM - 真实 DOM React 的更新流程 props/state 改变 - render函数重新执行 - 产生新的DOM树 - 新旧DOM树进行diff - 计算出差异进行更新 - 更新到真实的DOM React 在 props 或 state 发生改变时，会调用 React 的 render 方法，会创建一颗不同的树 React 需要基于这两颗不同的
JSX 是一种 JS 的语法扩展（extension），也可以称之为 JavaScript XML，因为看起来就是一段 XML 语法 它用于描述我们的 UI 界面，并且其可以和 JS 融合在一起使用 它不同于 Vue 中的模块语法，不需要专门学习模块语法中的指令 React 认为 渲染逻辑 本质上与 其他UI逻辑 存在内在耦合
什么是组件化开发？ 分而治之的思想 将一个页面拆分成一个个小的功能块 将应用抽象成一颗组件树 React的组件相对于Vue更加的灵活和多样 按照不同的方式可以分为很多类组件 根据 组件的定义方式 ，分为： 函数组件 、 类组件 根据 组件内部是否有状态需要维护 ，分为：
Redux Tool Kit （RTK）是官方推荐的编写Redux逻辑的方法，旨在成为编写Redux逻辑的标准方式，从而解决上面提到的问题。 RTK的核心API主要有如下几个： configureStore：包装createStore以提供简化的配置选项和良好的默认值。它可以自动组合你的slice reducer，添加你提供的任何Redux中间件
通常，组件会渲染到 root 节点下。可使用 Portals 将组件渲染至其他节点。 添加 id 为 more、modal 的 div 元素 构建 Modal.jsx, 通过 createPortal 把组件渲染到指定的 modal 节点下 构建 App.jsx 查看渲染结果
Main.jsx TabControl/index.jsx TabControl/style.css
Effect Hook 用来完成一些类似class中生命周期的功能。 在使用类组件时，不管是渲染、网路请求还是操作DOM，其逻辑和代码是杂糅在一起的。例如我们希望把计数器结果显示在标签上，在类组件中，我们通过生命周期进行实现，如下所示： 在函数组件中，我们可以利用useEffec
概念 纯函数（确定的输入一定产生确定的输出，函数在执行过程中不产生副作用）： 在程序设计中，若一个函数符合以下条件，那么这个函数就被称为纯函数 此函数在相同的输入值时，需产生相同的输出 函数的输出和输入值以外的其他隐藏信息或状态无关，也和由I/O设备产
Router中包含了对路径改变的监听，并且会将相应的路径传递给子组件。 Router包括两个API： BrowserRouter使用history模式 HashRouter使用hash模式（路径后面带有#号） 尝试在项目中使用HashRouter： 安装Router 在 index.js 中引入并使用HashRouter Routes：包裹所有的Route，在其中匹配一个路由（
