React test

HTML

<div id="container"></div>

React

class App extends React.Component {  
  render() {
  	return (
    	<Parent>
        <Child/>
      </Parent>
    );
  }
}

class Parent extends React.Component {
  state = {
		info: "stuff",
    toChild: "child stuff"
  }
  
  render () {
    return (
    <div>
     <h1>This is the parent's {this.state.info}</h1>
      {this.props.children}
    </div>
    );
  }
}

const Child = () => {
	return (
  <div>
  	<p>I am child component</p>
    <p>I need access to my parent's.state.toChild</p>
  </div>
  );
}

ReactDOM.render(<App/>, document.getElementById('container'));