/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 vote143 views1 answer
Change icon color react native elements
Javascript React
7 votes137 views1 answer
The path argument must be of type string. received undefined react
Javascript React
1 vote99 views1 answer
Mkdir: cannot create directory â€˜src/components/dashboardâ€™: no such file or directory in react
Javascript React
0 vote147 views1 answer
React userefrence example
Javascript React
0 vote159 views1 answer
How to load a javascript game from react
Javascript React
0 vote149 views1 answer
React chart js 2 api data
Javascript React
24 votes138 views6 answers
React map
Javascript React
1 vote128 views1 answer
Reactjs .htaccess
Javascript React
0 vote143 views3 answers
React router browser refresh
Javascript React
0 vote133 views1 answer
How to filter items in react state
Javascript React