/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 vote351 views3 answers
Flash effect in react native
Javascript React
0 vote367 views1 answer
React native fade in fade out animation
Javascript React
2 votes399 views1 answer
Passing multiple props to child component in react
Javascript React
1 vote422 views1 answer
Statusbar reactnati
Javascript React
0 vote504 views1 answer
How to prevent clickjacking in react js
Javascript React
1 vote400 views1 answer
How to check if url has hash in react
Javascript React
0 vote404 views1 answer
Enzynme not support react 17
Javascript React
40 votes390 views4 answers
On click copy to clipboard react
Javascript React
0 vote422 views1 answer
React native check os
Javascript React
13 votes404 views1 answer
React making post request
Javascript React