/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 vote308 views2 answers
Undo npm run eject react
Javascript React
0 vote343 views1 answer
Divide string in lines react native max width
Javascript React
2 votes396 views3 answers
Cdn react
Javascript React
4 votes352 views1 answer
Add array of object to state react
Javascript React
0 vote326 views1 answer
Mdn react
Javascript React
0 vote323 views1 answer
React-redux form preventdefault
Javascript React
2 votes411 views2 answers
Past value from parent in reactjs
Javascript React
145 votes532 views6 answers
Add bootstrap to react
Javascript React
0 vote350 views3 answers
Line 32:18: 'Link' is not defined react/jsx-no-undef
Javascript React
0 vote335 views1 answer
@testing-library/react-native switch
Javascript React