/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 vote220 views1 answer
Sort by attribute in reactjs
Javascript React
0 vote217 views1 answer
Dynamic for loop react
Javascript React
18 votes200 views6 answers
React native create apk
Javascript React
112 votes266 views10 answers
React
Javascript React
16 votes225 views1 answer
React native loop in render
Javascript React
2 votes208 views1 answer
Authfunctions react
Javascript React
-1 vote215 views2 answers
How to validate date in react
Javascript React
1 vote259 views5 answers
Enzyme adapter react 17
Javascript React
0 vote291 views1 answer
Attempted import error: 'Map' is not exported from 'react-leaflet' (imported as 'LeafletMap').
Javascript React
3 votes220 views1 answer
React js image path src from local folder
Javascript React