/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 vote209 views1 answer
React-native razorpay
Javascript React
0 vote255 views2 answers
Loop through array react native
Javascript React
14 votes160 views1 answer
Change checkbox value react
Javascript React
0 vote200 views1 answer
Reactjs Developer
Javascript React
0 vote197 views1 answer
Export variables react
Javascript React
0 vote258 views1 answer
React router redirect with query params
Javascript React
158 votes388 views6 answers
React create app
Javascript React
0 vote209 views1 answer
Cannot find module 'sass' react
Javascript React
103 votes175 views7 answers
How to create react app
Javascript React
32 votes212 views6 answers
Font awesome react
Javascript React