父子组件传参过程

在 React 中，父组件可以通过 props 属性将数据传递给子组件。具体的传参过程如下：

1.在父组件中定义需要传递给子组件的数据，并将其作为 props 属性传递给子组件。

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

class ParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      message: 'Hello World!'
    };
  }

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

2.在子组件中通过 props 属性获取父组件传递的数据。

// 子组件
import React from 'react';

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

在子组件中，可以通过 this.props.message 获取父组件传递的数据。

另外，父组件也可以通过 this.props.children 属性将子组件传递给子组件。这样，子组件就可以在自己的组件树中渲染子组件了。