/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 vote132 views1 answer
React computed example
Javascript React
0 vote143 views1 answer
React native skeleton
Javascript React
2 votes133 views1 answer
Vertical align center react native view
Javascript React
1 vote159 views1 answer
React eslint prettier
Javascript React
7 votes121 views2 answers
Insert a line break into a text component in react-native
Javascript React
0 vote136 views1 answer
Test one function in react class
Javascript React
1 vote133 views4 answers
Passing data in route react
Javascript React
0 vote124 views1 answer
React input value set state on change
Javascript React
0 vote135 views1 answer
Reactjs .net pass value to react
Javascript React
73 votes126 views7 answers
React icons
Javascript React