How to change parent state from child React component?

Question

React

I pass the state of the parent to the child component: Next, in the child component, there is an element on click on which a method is called that should change the state of the parent to true. How to do it? <Component openModal={this.state.openModal} />

Answer 1

The correct solution was suggested, I will disassemble it a little for understanding.

<Parent>
  <Children openModal={this.state.openModal} onChange={this.onChange} />
<Parent />

in Parent declare a method

onChange=()=>{
  this.setState({openModal : true})
}

In Children so

<div onClick={this.props.onChange}>
  ...какие-то элементы...
</div>

It's simple)
But even simpler and much more reliable https://ru.reactjs.org/docs/lifting-state-up.html

Answer 2

<Component openModal={this.state.openModal} onChange={this.onChange} />

Answer 3

1) create a handler in the parent component that will change the state.
2) pass the handler to the child component.
3) use the handler in the child component and change the State in the parent component.

Answer 4

In addition to the state, also throw a function from the parent there