/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 vote179 views1 answer
React inlinle style set background image
Javascript React
1 vote138 views1 answer
How to pass props in react test cases
Javascript React
-1 vote178 views2 answers
For loop in react native
Javascript React
-1 vote238 views2 answers
React native font based on viewport dimensions
Javascript React
4 votes187 views2 answers
React checking matches in state array
Javascript React
1 vote238 views1 answer
React component key prop
Javascript React
1 vote191 views5 answers
React state
Javascript React
0 vote182 views1 answer
Make image circle css react
Javascript React
1 vote224 views5 answers
Enzyme adapter react 17
Javascript React
3 votes188 views2 answers
React router active link css
Javascript React