/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 vote145 views1 answer
Did you mean "@babel/transform-react-jsx-source"
Javascript React
0 vote138 views1 answer
How to hide title bar react-navigation
Javascript React
2 votes159 views3 answers
How to get current date in react js
Javascript React
0 vote154 views3 answers
Add webpack to react project
Javascript React
5 votes131 views2 answers
TypeError: t is not a function React
Javascript React
0 vote139 views1 answer
Laravel react 404 routes
Javascript React
0 vote137 views1 answer
React hooks link to external site new tab
Javascript React
0 vote166 views1 answer
Different ways to write react file paths
Javascript React
0 vote155 views2 answers
Run build version react
Javascript React
4 votes129 views3 answers
Sleep in react
Javascript React