/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

23 votes170 views6 answers
React hooks useeffect
Javascript React
3 votes157 views2 answers
React chart.js
Javascript React
0 vote452 views1 answer
React navigation 4
Javascript React
0 vote155 views2 answers
React native view background transparency
Javascript React
4 votes104 views1 answer
React router dom v6 goback
Javascript React
0 vote151 views1 answer
Dropdown menu in react does not re render the component
Javascript React
0 vote137 views1 answer
Failed to construct image react-native
Javascript React
0 vote175 views1 answer
Reactjs lifecycle class components
Javascript React
0 vote162 views3 answers
React native clear cach
Javascript React
2 votes139 views1 answer
How to align text inside react component
Javascript React