/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 vote362 views1 answer
How to made disktop program on react website
Javascript React
0 vote332 views1 answer
Unistall react node package
Javascript React
9 votes284 views1 answer
Create react app in current folder
Javascript React
5 votes294 views1 answer
React code splitting (component based)
Javascript React
2 votes311 views2 answers
Await in react in function component
Javascript React
0 vote311 views1 answer
Custom react native product rating
Javascript React
0 vote285 views1 answer
Inline style to change background color react
Javascript React
0 vote302 views1 answer
React native delay input
Javascript React
0 vote280 views1 answer
Page scrolling react js
Javascript React
0 vote269 views2 answers
Undo npm run eject react
Javascript React