/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 vote252 views1 answer
React native flexbox 2 columns 1 fixed width
Javascript React
0 vote260 views1 answer
React-file-base64
Javascript React
0 vote248 views1 answer
Mreact graph
Javascript React
0 vote256 views1 answer
Switch React Native Paper
Javascript React
0 vote266 views1 answer
Type svg react
Javascript React
1 vote248 views1 answer
How to set limit in map in react hook
Javascript React
0 vote242 views1 answer
How to use mdbreact in react js
Javascript React
2 votes266 views1 answer
How to import lodash in react
Javascript React
0 vote284 views1 answer
Set cors for a react node application socket error
Javascript React
1 vote261 views3 answers
[PrivateRoute] is not a <Route> component. All component children of <Routes> must be a <Route> or <React.Fragment>
Javascript React