父组件如何向子组件传递数据

父组件向子组件传递数据可以通过props属性来实现。在父组件中，可以通过将数据作为props属性的值传递给子组件，子组件就可以通过props来获取父组件传递的数据。

下面是一个示例代码：

父组件：

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

function ParentComponent() {
  const data = 'Hello World';

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

export default ParentComponent;

子组件：

import React from 'react';

function ChildComponent(props) {
  return (
    <div>
      <p>{props.message}</p>
    </div>
  );
}

export default ChildComponent;

在上述示例中，父组件通过将数据 `Hello World` 作为props属性的值传递给子组件 `<ChildComponent message={data} />`。子组件通过`props.message`来获取父组件传递的数据，并在页面上显示出来。