/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

0 vote224 views1 answer
React sticky hook
Javascript React
0 vote198 views1 answer
Get api data from localhost in react native
Javascript React
0 vote218 views1 answer
Unable to resolve "@react-native-community/masked-view" from
Javascript React
8 votes202 views4 answers
Get react version
Javascript React
1 vote237 views1 answer
React native paper text input
Javascript React
4 votes197 views1 answer
React router history push parameter
Javascript React
0 vote214 views1 answer
Image background full width react
Javascript React
0 vote222 views1 answer
No routes matched location / react router
Javascript React
0 vote216 views1 answer
How to cause a whole page reload react redux
Javascript React
5 votes268 views4 answers
React route multiple components
Javascript React