/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 vote239 views1 answer
React read multiple files with filereader
Javascript React
0 vote232 views1 answer
Link tag react
Javascript React
0 vote219 views3 answers
How to hide a screen from drawer in react navigation 5
Javascript React
15 votes236 views2 answers
UseReducer() hook react
Javascript React
0 vote237 views1 answer
How to add alternate image in img tag in react
Javascript React
0 vote287 views1 answer
Toggle function react js
Javascript React
0 vote229 views1 answer
React router cannot read location of undefined
Javascript React
32 votes206 views6 answers
Usestate react
Javascript React
8 votes199 views2 answers
React-router-dom get current route
Javascript React
0 vote236 views1 answer
Divide string in lines react native max width
Javascript React