摘要：
React 受控组件与非受控组件的区别 一、核心概念 受控组件（Controlled Components） 数据管理：表单元素（如 input、textarea、select）的值由 React 的 state 完全控制。 更新机制：通过 onChange 事件监听用户输入，实时更新 state， 阅读全文
posted @ 2025-03-29 23:29
奔付山河
阅读(107)
评论(0)
推荐(0)
摘要：
React memo、useMemo、useCallback 配合使用及注意事项 这三个 API 是 React 性能优化的核心工具，主要用于避免不必要的渲染和减少重复计算。以下是它们的核心作用、配合方式及注意事项： 一、核心作用 API 作用 React.memo 缓存组件：当父组件重新渲染时，若 阅读全文
posted @ 2025-03-29 23:25
奔付山河
阅读(382)
评论(0)
推荐(0)
摘要：
React useEffect 使用方式及注意事项 useEffect 是 React Hooks 中处理副作用的核心 API，用于替代类组件中的生命周期方法（如 componentDidMount、componentDidUpdate、componentWillUnmount）。以下是其使用方式及 阅读全文
posted @ 2025-03-29 23:14
奔付山河
阅读(531)
评论(0)
推荐(0)
摘要：
在 React 18 中，严格模式（StrictMode）会导致组件在开发模式下执行两次。这是为了帮助开发者检测潜在的问题和副作用。 严格模式的作用 严格模式是一个用于突出显示应用程序中潜在问题的工具。它不会渲染任何可见的 UI，而是为其后代元素触发额外的检查和警告 严格模式的主要作用包括： 检测不 阅读全文
posted @ 2025-03-29 22:26
奔付山河
阅读(181)
评论(0)
推荐(0)
摘要：
1.set函数会触发函数组件重新渲染，所以如果在渲染的过程中使用set函数会触发死循环 function Home() { const [x, setX] = useState(0) // 会触发死循环 setX(x + 1) return <div>{ x }</div> } 2.set函数是异步 阅读全文
posted @ 2025-03-29 22:11
奔付山河
阅读(24)
评论(0)
推荐(0)
浙公网安备 33010602011771号