父组件向子组件传递数据

父组件向子组件传递数据可以通过props来实现。在父组件中，可以通过在子组件标签上添加属性来传递数据。子组件可以通过props对象来接收父组件传递的数据。

下面是一个示例：

父组件代码：

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

class ParentComponent extends React.Component {
  render() {
    const data = 'Hello from parent component';

    return (
      <div>
        <ChildComponent data={data} />
      </div>
    );
  }
}

export default ParentComponent;

子组件代码：

import React from 'react';

class ChildComponent extends React.Component {
  render() {
    const { data } = this.props;

    return (
      <div>
        <p>{data}</p>
      </div>
    );
  }
}

export default ChildComponent;

在这个示例中，父组件通过在子组件标签上添加属性`data`来传递数据。子组件通过`this.props.data`来获取父组件传递的数据，并在渲染时显示出来。

这样，父组件就成功地向子组件传递了数据。