/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

4 votes122 views2 answers
React hooks useref is called in function which is neither a react function component
Javascript React
2 votes128 views1 answer
React native image source local file
Javascript React
0 vote133 views1 answer
How to change currency in react-paypal-button-v2
Javascript React
1 vote145 views1 answer
React render html variable
Javascript React
0 vote111 views1 answer
Javascript slider get value react
Javascript React
2 votes124 views2 answers
Display image base64 in REACT NATIVE
Javascript React
0 vote118 views1 answer
Start to work with a pre existing react projects
Javascript React
5 votes167 views1 answer
Deploy react js heroku
Javascript React
0 vote132 views1 answer
React firebase add doc to collection
Javascript React
0 vote123 views1 answer
How to add carsoul to react project
Javascript React