context api

by amrendra kumar

HTML

<script src="https://unpkg.com/[email protected]/umd/react.development.js"></script>
<script src="https://unpkg.com/[email protected]/umd/react-dom.development.js"></script>
<div id="root">
</div>

Babel + JSX

const MyContext = React.createContext();

class Provider extends React.Component {
	state = {
		name: 'amrendra',
		age: 4,
		cool: true
	}
	
	render() {
		return(
			<MyContext.Provider		
		)
	}
	
}







const Family = (props) =>{
	return (
		<div>
			<Person name = {props.name}/>
		</div>		
	)
}

const Person = (props) => {
	return (
		<div>
			{props.name}
		</div>
	)
}



class App extends React.Component {

	
	render() {
		return (
			<div>
				<Family name = {this.state.name}/>
			</div>
		)
	}
}


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