/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 votes192 views4 answers
Multiple export in react
Javascript React
1 vote186 views1 answer
React native run release
Javascript React
0 vote193 views2 answers
React native countdown
Javascript React
0 vote176 views1 answer
Organize api calls react native folder
Javascript React
0 vote191 views1 answer
React native add two view
Javascript React
0 vote208 views2 answers
Background transparent react native
Javascript React
0 vote218 views1 answer
React fontawesome exchange icon
Javascript React
0 vote261 views1 answer
React-phone-number-input retur message in react hook form
Javascript React
1 vote173 views1 answer
Responsive calc height react native
Javascript React
17 votes198 views5 answers
React native background image
Javascript React