/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 vote327 views3 answers
React native shaddow
Javascript React
1 vote307 views1 answer
I18n react meta description
Javascript React
1 vote347 views1 answer
React stripe npm
Javascript React
-1 vote314 views2 answers
E.target.text react
Javascript React
1 vote329 views1 answer
Add a text on last object map reactjs
Javascript React
0 vote315 views1 answer
How to check if we reach end of div react hooks
Javascript React
-1 vote276 views1 answer
React localstorage remove item
Javascript React
1 vote313 views2 answers
React native get timezone
Javascript React
10 votes355 views2 answers
Failed to compile ./src/App.js Module not found: Can't resolve 'react-router-dom
Javascript React
3 votes317 views4 answers
React Redux Thunk
Javascript React