State Hoisting in React (Child to Parent communication)

state-hoisting.js

//from: https://reactpatterns.com/#event-switch

class NameContainer extends React.Component {
  constructor() {
    super()
    this.state = {name: ""}
  }

  render() {
    return <Name onChange={newName => this.setState({name: newName})} />
  }
}