/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

68 votes227 views4 answers
Inline style react
Javascript React
0 vote208 views1 answer
React bootstrap col not working
Javascript React
0 vote194 views1 answer
Form.select not working react bootstrap
Javascript React
0 vote207 views1 answer
React navigation tabs up in keyboard
Javascript React
0 vote246 views1 answer
How to creacte react component
Javascript React
28 votes209 views6 answers
React fontawesome
Javascript React
0 vote220 views1 answer
React make setstate synchronous
Javascript React
0 vote216 views1 answer
Unrecognized font family 'feather' react native
Javascript React
1 vote258 views1 answer
Adding list items in react
Javascript React
3 votes380 views2 answers
Center an element react native
Javascript React