react中父组件向子组件传值

1.子组件代码：定义props.属性名 来接收父组件传递过来的值

import React, { Component } from "react";

export default class Son extends Component {
  render() {
    return <div>我是子组件---{this.props.text}</div>;
  }
}

2.父组件代码：在引用子组件时，在子组件身上传递数据（用子组件定义的属性来传递）

import React, { Component } from "react";
import Son from "./Son";
export default class Father extends Component {
  render() {
    return (
      <div>
        我是父组件
        <Son text="父组件的值001" />
      </div>
    );
  }
}

子组件中只能使用不能修改父组件传递过来的数据！！！如果非要修改，那就父组件传递一个方法给子组件，子组件使用这个方法来改变父组件中的数据。这就是react的单项数据流（父组件传递给子组件，不可以在子组件中改变）