/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

0 vote215 views1 answer
React native test redux
Javascript React
0 vote230 views1 answer
Concatenate state with previous state in react redux
Javascript React
0 vote233 views1 answer
Jsx tag with children react js
Javascript React
0 vote216 views1 answer
React input cursor jump end
Javascript React
1 vote207 views1 answer
How to create round image in react native
Javascript React
0 vote254 views1 answer
React router tutorial medium
Javascript React
0 vote212 views1 answer
React testing for links
Javascript React
0 vote223 views1 answer
Will console.log will be automatically disabled in react native for development build
Javascript React
0 vote204 views1 answer
React native hide stack navigator title
Javascript React
1 vote220 views1 answer
Commit in react
Javascript React