/Javascript/React/React return value from component

React return value from component

class Parent extends Component {
  constructor() {
    this.state = {
      value: ''
    };
  }

  //...

  handleChangeValue = e => this.setState({value: e.target.value});

  //...

  render() {
    return (
      <Child
        value={this.state.value}
        onChangeValue={this.handleChangeValue}
      />
    );
  }
}

class Child extends Component {
  //...

  render() {
    return (
      <input
        type="text"
        value={this.props.value}
        onChange={this.props.onChangeValue}
      />
    );
  }
}

Source: stackoverflow.com

Similar codes

3 votes409 views3 answers
How to remove global react-native-cli package
Javascript React
-1 vote440 views1 answer
How many data binding in react
Javascript React
0 vote364 views2 answers
Why we use react js
Javascript React
1 vote378 views1 answer
Responsive calc height react native
Javascript React
0 vote424 views1 answer
Testing a function in jest on click react
Javascript React
0 vote412 views1 answer
Network display react native
Javascript React
0 vote406 views1 answer
React buffer to image
Javascript React
0 vote416 views2 answers
How to hide api key in react
Javascript React
1 vote425 views1 answer
React create list of components
Javascript React
0 vote386 views1 answer
React catch error json message
Javascript React