react 父子产传参

React中父子组件之间传递参数有两种方式：props和context。

1. Props传递：父组件可以通过props将数据传递给子组件。在父组件中，通过在子组件标签上添加属性来传递数据。在子组件中，通过this.props来获取传递过来的数据。

父组件：

import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  render() {
    const data = 'Hello from parent';
    return (
      <div>
        <ChildComponent data={data} />
      </div>
    );
  }
}

export default ParentComponent;

子组件：

import React from 'react';

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>{this.props.data}</p>
      </div>
    );
  }
}

export default ChildComponent;

2. Context传递：Context可以在组件树中直