/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

10 votes103 views2 answers
React navigation no header
Javascript React
-1 vote115 views3 answers
Instalar react native paper
Javascript React
0 vote112 views1 answer
React router native back button
Javascript React
13 votes113 views4 answers
Passing data in react router history,push
Javascript React
2 votes114 views1 answer
React Refused to execute inline script because it violates the following Content Security Policy directive
Javascript React
18 votes116 views3 answers
React detect enter key
Javascript React
0 vote106 views2 answers
Reactjs firebase timestamp to date
Javascript React
0 vote103 views1 answer
Slide hide animaition in react
Javascript React
3 votes103 views1 answer
Render image url in react native
Javascript React
5 votes126 views4 answers
Google map in react js
Javascript React