/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 vote199 views1 answer
Settimeout react native focus text input
Javascript React
3 votes182 views2 answers
React how to scroll to element
Javascript React
0 vote203 views2 answers
Get selected value on componentdidmount reactjs
Javascript React
0 vote216 views1 answer
React native scrollable
Javascript React
3 votes191 views1 answer
React native duplicate resources: Android
Javascript React
0 vote197 views1 answer
How to upload react js project on server
Javascript React
0 vote196 views1 answer
Make custom draggable in react
Javascript React
0 vote189 views2 answers
Write data in props.histroy.push in react component
Javascript React
0 vote203 views1 answer
Remove duplicate value from map react js
Javascript React
0 vote177 views2 answers
Hide screen links in drawerNavigation in react native
Javascript React