/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 vote189 views1 answer
How to upload image in react js
Javascript React
3 votes199 views1 answer
Could not resolve dependency: npm ERR! peer react@"^16.0.0" from [email protected]
Javascript React
0 vote201 views1 answer
React check if array contains value
Javascript React
1 vote185 views2 answers
React select disable option
Javascript React
3 votes176 views2 answers
React router hooks
Javascript React
0 vote220 views1 answer
Auto scroll to view react-native
Javascript React
0 vote213 views1 answer
A form label must be associated with a control react
Javascript React
0 vote194 views1 answer
Compass in react js
Javascript React
0 vote190 views3 answers
React-router-dom status code 301
Javascript React
0 vote169 views2 answers
Hide header title in react navigation Drawer navigation
Javascript React