/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

18 votes101 views3 answers
How To Hide React Navigation Header in React Native
Javascript React
85 votes100 views6 answers
Redirect react router
Javascript React
0 vote115 views1 answer
What was the reaction of others bostonh tea party
Javascript React
0 vote110 views1 answer
React native check os
Javascript React
0 vote98 views1 answer
Reactvs y axis range
Javascript React
0 vote106 views1 answer
Shadowcolor liners in react native
Javascript React
10 votes116 views4 answers
React hooks
Javascript React
1 vote123 views1 answer
How to install react fullpage using npm
Javascript React
0 vote111 views1 answer
Export app react native
Javascript React
0 vote80 views1 answer
Dull a background image in react native
Javascript React