/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

78 votes269 views6 answers
React router redirect
Javascript React
33 votes287 views2 answers
Routing in react
Javascript React
4 votes284 views2 answers
React materilize
Javascript React
0 vote304 views1 answer
React-native-dropdown-picker for form react native
Javascript React
0 vote303 views1 answer
How to use two text fields in one single row react js
Javascript React
0 vote277 views1 answer
Convert table to excel reactjs
Javascript React
0 vote312 views1 answer
How to replace strings with react components
Javascript React
1 vote291 views2 answers
How to prevent render in react
Javascript React
0 vote296 views1 answer
Reacts mos twanted
Javascript React
1 vote284 views1 answer
React next alias import
Javascript React