/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

1 vote334 views1 answer
Error: open failed: EACCES (Permission denied) react native
Javascript React
22 votes371 views3 answers
How to use if else inside jsx in react
Javascript React
1 vote353 views1 answer
How to position View absolute react native
Javascript React
0 vote323 views1 answer
React animated text yarn package
Javascript React
1 vote396 views1 answer
Rendering, reconciliation and committing in react
Javascript React
0 vote345 views1 answer
Double click react
Javascript React
2 votes360 views1 answer
Lifecycles if reactjs
Javascript React
0 vote368 views1 answer
React native updating options with setoptions
Javascript React
0 vote374 views1 answer
Disable key enter react-hook-form
Javascript React
0 vote353 views1 answer
React native zindex issue on android
Javascript React