weixin_44763882的博客

setState的同步和异步 1.为什么使用setState 开发中我们并不能直接通过修改 state 的值来让界面发生更新： 因为我们修改了 state 之后, 希望 React 根据最新的 Stete 来重新渲染界面, 但是这种方式的修改 React 并不知道数据发生了变化 React 并没有实现类似于 Vue2 中的 Object.defineProperty 或者 Vue3 中的Proxy的方式来监听数据的变化 我们必须通过 setState 来告知 React 数据已经发生了变化 疑惑:

认识组件化 1.组件化思想 当人们面对复杂问题的处理方式： 将复杂的问题进行拆解, 拆分成很多个可以处理的小问题 再将其放在整体当中，你会发现大的问题也会迎刃而解 其实上面的思想就是分而治之的思想： 分而治之是软件工程的重要思想，是复杂系统开发和维护的基石 而前端目前的模块化和组件化都是基于分而治之的思想 2.什么是组件化开发呢? 组件化也是类似的思想: 如果我们将一个页面中全部逻辑放在一起, 处理起来会变得非常复杂, 不利于后续管理及扩展 但如果我们将一个页面拆分成一个个小的功.

1.认识JSX 这段element变量的声明右侧赋值的标签语法是什么呢？ 我们在 JS 中不能给一个变量赋值为HTML元素 如果将 type="text/babel"去掉, 会语法报错, 其实它是一段 jsx 的语法 JSX是什么? JSX是一种JavaScript的语法扩展(eXtension), 也在很多地方称之为JavaScript XML 它用于描述我们的UI界面，并且其完成可以和JavaScript融合在一起使用 它不同于Vue中的模块语法, 你不需要专门学习模块语法中的一些指令 (.

更新state没有调用useEffct问题(使用setSatte强制state更新) useEffect没有进行更新的原因 原因: 当我们每次调用setState时, 如果更新的状态跟上一次相同的, 就不会在setState内部进行更新, 也不会进入useEffect这个回调函数 示例代码: 在setState每次更新时, 不会进入useEffect这个函数 // ... export default memo(function JMAppPlayerBar() { // props/sta