wl_qianduan的博客

方式：创建一个全局的事件总线对象，组件可以在该对象上触发事件和监听事件。

虚拟 DOM 本质上是一个 JavaScript 对象，它以树状结构来描述真实 DOM 的层次结构和属性信息。例如，对于一个简单的 HTML 元素 < div id=“example”>Hello, World!props: {},

React 组件通过state（状态）来管理数据，UI 是状态的纯函数。当状态变化时，React 会自动重新渲染组件并更新 DOM。数据从父组件通过props传递给子组件，子组件只能通过回调函数向父组件反馈。这种单向流动保证了数据变化的可预测性。React 通过生命周期方法（类组件）或 Hooks（函数组件）处理副作用，确保状态变化后的副作用逻辑正确执行。调用，减少不必要的渲染。React 会批量处理多个。

对于函数组件，React 提供了 Hooks，如 useState, useEffect, useContext 等，这些 Hooks 可以让你在不编写 class 的情况下使用 state 和其他 React 特性。例如，useEffect 可以看作是 componentDidMount, componentDidUpdate, 和 componentWillUnmount 的组合。React 18 中，彻底移除了所有不推荐使用的生命周期方法，并鼓励使用函数组件和 Hook，如。React 17 中，

在上面示例中，style={{}} 并不是一个特殊的语法，而是 style={ } JSX 大括号内的一个普通 {} 对象。如果想在一个条件或循环中使用 useState，需要提取一个新的组件并在组件内部使用它。React 没有特殊的语法来编写条件语句，因此使用的是普通的 JavaScript 代码。父组件将一个函数作为 prop 传递给子组件，子组件在需要的时候调用这个函数并传递数据。父组件可以将自身的数据作为属性传递给子组件，子组件接收并使用这些数据。要做到这一点，需要在组件中添加 state。