/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

32 votes348 views1 answer
React touter dom
Javascript React
0 vote394 views2 answers
Hello world react
Javascript React
0 vote366 views1 answer
How to pass property component in react enzyme
Javascript React
0 vote402 views1 answer
Reactjs add border to the table row
Javascript React
11 votes346 views5 answers
React router refresh page
Javascript React
0 vote359 views3 answers
React hook example
Javascript React
4 votes341 views1 answer
React propthpes or
Javascript React
0 vote343 views4 answers
React node sequilize
Javascript React
0 vote422 views1 answer
React video srcObject
Javascript React
6 votes363 views2 answers
Hr react
Javascript React