摘要：
React.Children API 解决了哪些 JS.map 做不到的问题？ React.Children 不是为了替代 map，而是为了处理「children 不一定是数组」时的一套安全工具。 在 React 中： props.children 可以是任何东西： 单个元素 数组 字符串 数字 n 阅读全文
posted @ 2025-12-11 09:05
煜火
阅读(7)
评论(0)
推荐(0)
摘要：
React 的性能优化有非常多成熟的方案 一、组件层级的性能优化 1. 使用 React.memo（函数组件） 避免父组件渲染时导致子组件无意义渲染。 const Child = React.memo(function Child(props) { return <div>{props.value} 阅读全文
posted @ 2025-12-10 09:17
煜火
阅读(10)
评论(0)
推荐(0)
摘要：
Redux 中间件（middleware）是 Redux 提供的一套 对 dispatch 进行增强 的机制。 它允许你在 action 被发出（dispatch）之后，到达 reducer 之前，插入你自己的逻辑。 比如： 日志打印（redux-logger） 处理异步（redux-thunk / 阅读全文
posted @ 2025-12-09 09:41
煜火
阅读(10)
评论(0)
推荐(0)
摘要：
React 的 setState 方法可以接受两种类型的参数： 对象形式： 直接传递一个新的状态对象 this.setState({ count: 1 }); 函数形式： 传递一个回调函数（返回新的状态） this.setState((prevState) => ({ count: prevStat 阅读全文
posted @ 2025-12-08 09:10
煜火
阅读(9)
评论(0)
推荐(0)
摘要：
React 的 diff（调和 reconciliation）原理是 React 高性能的核心关键，它决定了当 state / props 发生变化时，React 如何高效更新 DOM。 React 为什么需要 Diff？ 原生 DOM 操作非常慢，如果每次状态变化就 重新生成整个 DOM，性能会非 阅读全文
posted @ 2025-12-05 09:27
煜火
阅读(6)
评论(0)
推荐(0)
摘要：
在 React Router v4 中使用 <Switch> 组件的原因非常简单但非常重要： 它用来 确保只渲染第一个匹配到的路由，避免多个路由因为模糊匹配而被同时渲染。 为什么需要 <Switch>？ React Router v4 的路由匹配是 模糊匹配（partial match）： 只要 p 阅读全文
posted @ 2025-12-04 09:22
煜火
阅读(3)
评论(0)
推荐(0)
浙公网安备 33010602011771号