React组件如何传递数据？

React组件之间的数据传递主要有以下几种方式：

1. ** props（属性）**：这是最常见的数据传递方式，父组件通过props将数据传给子组件。父组件创建子组件实例时，可以指定一些键值对作为属性，子组件可以在`render()`方法中访问并使用这些数据。

// 父组件
function ParentComponent() {
  const name = 'John Doe';
  return <ChildComponent name={name} />;
}

// 子组件
function ChildComponent({ name }) {
  return <h1>Hello, {name}!</h1>;
}

2. ** Context API**：当数据需要在组件树的深层之间共享，而不需要逐级传递时，可以使用Context API。首先创建一个Context对象，然后组件通过`useContext()`来访问它。

const MyContext = React.createContext();

function Parent() {
  const data = ...; // 需要共享的数据
  return (
    <MyContext.Provider value={data}>
      <Child />
    </MyContext.Provider>
  );
}

function Child() {
  const data = useContext(MyContext); // 访问上下文中的数据
  // ...
}

3. ** Props drilling**：虽然不是推荐做法，但在一些特定场景下，如组件嵌套层数较多，可以通过层层传递props的方式，逐级向下传递数据。

4. ** Redux / MobX 等状态管理库**：如果项目涉及复杂的全局状态管理，可以使用这些库来存储和同步整个应用的状态，然后通过actions和reducers更新状态，进而影响到组件。