How to pass state as props?

Question

React

There are two files App and App2. How to pass state from one file to another as props b to display it on the page?

Answer 1

Well, in the parent component, render the second component, throw props to it. What doesn't work?

Answer 2

class Parent extends React.Component {
  state = { c2: null }

  comp2state = state => { this.setState({ c2: state }) }

  return (
    <>
      <ComponentOne c2state={this.state.c2} />
      <ComponentTwo onStateChange={this.comp2state} />
    </>
  )
}


class ComponentTwo extends React.Component {
  state = { bla: '' }

  onChange = e => {
    this.setState(
      { bla: e.target.value }, 
      () => this.props.onStateChange(this.state)
    )
  }

  return (
    <input value={this.state.bla} onChange={onChange} />
  )
}