/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

5 votes150 views4 answers
How to use useref hook in react
Javascript React
0 vote157 views1 answer
React native anination 2 valuse
Javascript React
0 vote155 views1 answer
How to add carsoul to react project
Javascript React
-3 votes143 views1 answer
React native share
Javascript React
1 vote133 views1 answer
Document not intialized react js
Javascript React
0 vote147 views1 answer
React native webview disable touch
Javascript React
0 vote151 views1 answer
React application preloader add
Javascript React
8 votes176 views2 answers
React native rotate image
Javascript React
0 vote130 views6 answers
Replace all in react js
Javascript React
0 vote142 views1 answer
Export variables react
Javascript React