/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 vote102 views1 answer
Build function component react
Javascript React
1 vote101 views2 answers
This setstate previous state react
Javascript React
0 vote98 views2 answers
React foreach loop
Javascript React
4 votes127 views3 answers
Visual studio code create react component shortcut
Javascript React
3 votes107 views2 answers
Export default class react
Javascript React
1 vote105 views1 answer
React native could not get batchedbridge
Javascript React
3 votes99 views3 answers
Chart js react
Javascript React
0 vote124 views1 answer
React native sovrapporre immagini
Javascript React
1 vote108 views1 answer
Get children react
Javascript React
0 vote106 views1 answer
React looping hooks to display in other hook
Javascript React