/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 vote162 views2 answers
React pdf
Javascript React
118 votes244 views6 answers
Instalar bootstrap en react
Javascript React
0 vote146 views1 answer
Async wait for axios reactjs
Javascript React
0 vote154 views1 answer
React native get uri of the image in the app assets folder
Javascript React
0 vote145 views1 answer
Inline style to change background color react
Javascript React
0 vote152 views1 answer
Build class component react
Javascript React
1 vote154 views1 answer
How to use boostrapicons on react
Javascript React
6 votes150 views1 answer
Create bottom navigation bar react native
Javascript React
0 vote160 views1 answer
React application preloader add
Javascript React
2 votes156 views2 answers
Unable to resolve module react-navigation
Javascript React