/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

-1 vote235 views1 answer
React time picker
Javascript React
0 vote257 views1 answer
Github create react app buildpack
Javascript React
0 vote255 views1 answer
Clear form inside modal after close reactjs
Javascript React
0 vote203 views1 answer
How to unmount inactive screens in bottom tab react native
Javascript React
17 votes206 views5 answers
Add background image react native
Javascript React
1 vote215 views1 answer
Npx create react app Must use import to load ES Module error
Javascript React
0 vote258 views2 answers
Airbnb react native eslint
Javascript React
11 votes232 views3 answers
Reactjs get url query params as object
Javascript React
0 vote286 views1 answer
Disable autocomplete in react fields
Javascript React
0 vote225 views1 answer
React native style variable
Javascript React