React 父子组件传参

在 React 中，父组件可以通过 props 将数据传递给子组件。子组件可以通过 this.props 访问这些数据。如果需要在子组件中修改这些数据，可以通过在父组件中定义一个函数，将这个函数作为 props 传递给子组件，在子组件中调用这个函数来修改父组件中的数据。

例如，父组件中定义了一个名为 name 的 state，然后将它作为 props 传递给子组件：

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      name: 'John'
    };
  }

  render() {
    return (
      <ChildComponent name={this.state.name} />
    );
  }
}

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        My name is {this.props.name}.
      </div>
    );
  }
}