/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 vote315 views1 answer
Link externo no react
Javascript React
7 votes241 views3 answers
How to update a state with an array react
Javascript React
0 vote238 views1 answer
How to have hotjar in react-hotjar
Javascript React
0 vote213 views1 answer
Import button react-bootstrap
Javascript React
0 vote233 views1 answer
React router dom two page form
Javascript React
3 votes249 views2 answers
React focus
Javascript React
3 votes227 views1 answer
Module not found: can't resolve 'react' in 'c:\users\pavlos\desktop\reactjs\hwr\reactproject2\src'
Javascript React
2 votes244 views1 answer
How to see if a web site is useing react
Javascript React
131 votes381 views6 answers
Creating react app
Javascript React
2 votes232 views1 answer
React native open email client expo
Javascript React