how to pass state from parent to child in react code example

Example 1: pass data from child component to parent component react native

class Parent extends React.Component {
  state = { message: "" }
  callbackFunction = (childData) => {
        this.setState({message: childData})
  },
  render() {
          return (
              

{this.state.message}

); } } class Child1 extends React.Component{ sendData = () => { this.props.parentCallback("Hey Popsie, How’s it going?"); }, render() { //you can call function sendData whenever you'd like to send data from child component to Parent component. } };

Example 2: how to pass state from parent to child in react

class SomeParentComponent extends React.Component {
  constructor(props) {
    super(props);
    this.state = {color: 'red'};
  }
  render() {
    return ;
  }
}

Tags: