React中父子组件传值

父组件向子组件传值
通过props，将父组件的state传递给了子组件。

父组件片段

constructor(props){
    super(props)
    this.state={
      message:"i am from parent"
    }
  }
  render(){
    return(
          
    )
  }
}

子组件片段

render(){
    return(
          
{this.props.txt}
    )
  }

---

子组件向父组件传值
父子组件通信不仅可以传值，还可以传递方法，父组件将更新数据的方法拿给子组件使用，子组件将自身的数据传入这个方法并调用，以此来改变父组件的数据。

整块代码

import React from "react";
import ReactDOM from "react-dom";

class Parent extends React.Component {
  constructor(props) {
    super(props);
    this.Foo = this.Foo.bind(this);
    this.state = {
      name: "zzt"
    };
  }
  Foo(data) {
    this.setState({
      name: data
    });
  }
  render() {
    return (
      

        
{this.state.name}
        
      
    );
  }
}
class Son extends React.Component {
  handleClick = () => {
    this.props.data("zizhoutong");
  };
  render() {
    return change parent;
  }
}
ReactDOM.render(, document.getElementById("root"));