/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 vote303 views1 answer
Load all icon from a folder in react
Javascript React
0 vote296 views2 answers
How to add fcc cdn to local react projcet
Javascript React
0 vote329 views2 answers
'Navbar' is not defined react/jsx-no-undef
Javascript React
1 vote320 views1 answer
Three.js react
Javascript React
0 vote324 views1 answer
React Redux store exemple
Javascript React
0 vote304 views1 answer
React native prevent rotation of screen
Javascript React
22 votes340 views4 answers
Reactjs copytoclipboard box
Javascript React
0 vote297 views1 answer
React native getstream
Javascript React
2 votes315 views1 answer
Jquery vs react
Javascript React
0 vote315 views7 answers
How to generate debug build in react native
Javascript React