/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 vote203 views1 answer
Reactjs cloudflare
Javascript React
-1 vote213 views2 answers
What is a react hook
Javascript React
2 votes185 views1 answer
React select with react hook form cotroller
Javascript React
2 votes238 views1 answer
How to clear state in react hooks
Javascript React
1 vote223 views1 answer
Yup only characters regex validation react
Javascript React
22 votes178 views4 answers
Shadow elevation react native
Javascript React
0 vote184 views1 answer
Images not displaying in react
Javascript React
7 votes231 views3 answers
Conditional style prop react
Javascript React
6 votes190 views1 answer
React-native loading spinner
Javascript React
1 vote214 views1 answer
Has been blocked by cors policy react fetch firebase realtime database
Javascript React