父组件怎么样向子组件传递参数

父组件向子组件传递参数有多种方式：

1. 使用props属性：父组件可以在子组件标签上使用props属性来传递参数，子组件通过this.props来获取这些参数。

2. 使用context属性：父组件可以在子组件上下文中设置属性，子组件可以通过this.context来获取这些属性。

3. 使用ref属性：父组件可以使用ref属性来获取子组件的引用，从而可以直接操作子组件的属性和方法。

示例代码如下：

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

class ParentComponent extends React.Component {
  render() {
    return (
      <div>
        <ChildComponent name="John" age={30} />
      </div>
    );
  }
}

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

class ChildComponent extends React.Component {
  render() {
    return (
      <div>
        <p>Name: {this.props.name}</p>
        <p>Age: {this.props.age}</p>
      </div>
    );
  }
}

export default ChildComponent;

在上面的示例中，父组件通过props属性向子组件传递了两个参数：name和age。子组件通过this.props来获取这些参数，并在渲染时将它们显示出来。