/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 vote283 views1 answer
Network display react native
Javascript React
2 votes254 views3 answers
React native component at bottom center
Javascript React
0 vote286 views1 answer
How to make your own drop down react native
Javascript React
0 vote267 views1 answer
FAILURE: Build failed with an exception react native android
Javascript React
1 vote259 views1 answer
React scroll to bottom of div
Javascript React
0 vote253 views1 answer
CocoaPods could not find compatible versions for pod "React/Core": In Podfile: react-native-fetch-blob (from `../node_modules/react-native-fetch-blob`) was resolved to 0.10.6, which depends on React/Cor
Javascript React
1 vote265 views1 answer
Programmatic title react
Javascript React
0 vote255 views1 answer
Reactjs alert
Javascript React
0 vote236 views1 answer
React open on different url instead of localhost
Javascript React
0 vote305 views1 answer
How to use radio buttons in react class-based components
Javascript React