/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

2 votes139 views2 answers
Pdf table files download react not working
Javascript React
1 vote152 views2 answers
React-native array.filter by index arrow function
Javascript React
0 vote132 views1 answer
React native jest snapshot
Javascript React
0 vote141 views2 answers
On ddrop function react dropzone parameters
Javascript React
1 vote133 views2 answers
React native select simulator
Javascript React
0 vote138 views1 answer
S3 private image getobject react js
Javascript React
48 votes131 views4 answers
How to add comment in react js
Javascript React
0 vote156 views1 answer
React native section list sort by alphabet
Javascript React
3 votes140 views1 answer
Css in a react file
Javascript React
0 vote155 views2 answers
React router dom link same page with different param
Javascript React