/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 vote364 views1 answer
How to insatll react-router-dom
Javascript React
0 vote325 views1 answer
Images not displaying in react
Javascript React
0 vote324 views1 answer
Multilone input react
Javascript React
0 vote324 views1 answer
Access to XMLHttpRequest has been blocked by CORS policy React
Javascript React
0 vote356 views1 answer
One component overlapping on other in react.js app
Javascript React
2 votes349 views2 answers
How to send form data from react to express
Javascript React
0 vote320 views2 answers
Airbnb react native eslint
Javascript React
0 vote353 views1 answer
React proxy to flask server
Javascript React
1 vote363 views1 answer
React lottie player on hover
Javascript React
0 vote369 views1 answer
React native swipe screen
Javascript React