/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 vote310 views1 answer
Select checkbox raitng in order javascript React
Javascript React
18 votes329 views2 answers
How to store an array in localstorage reactjs
Javascript React
2 votes316 views2 answers
Prevent refresh react
Javascript React
0 vote389 views1 answer
React scroll to top on page refresh - don't restore position
Javascript React
-1 vote312 views8 answers
React native
Javascript React
0 vote348 views1 answer
React locomotive-scroll
Javascript React
1 vote318 views1 answer
Committing in react
Javascript React
1 vote326 views1 answer
Angular validators number only in reactive form
Javascript React
0 vote329 views1 answer
React-big-calendar styling
Javascript React
160 votes545 views6 answers
React install
Javascript React