agupta93 · December 16, 2018 06:42
diff --git a/Button.js b/Button.js
 import React from 'react';

 const Button = props => (
  <div onClick={props.onActive}>
    Click Me
  </div>
 )

 export default Button
diff --git a/ButtonContainer.js b/ButtonContainer.js
 import React, {Component} from 'react';
 import Button from './Button';

 class ButtonContainer extends Component {
  state = {
    isActive: false,
  }
  
  changeToActive = () => {
    this.setState({
      isActive: true
    })
  }
  
  render() {
    return (
      <Button
        onActive={this.changeToActive}
      />
    )
  }
 }
	import React, {Component} from 'react';
	import Button from './Button';

	class ButtonContainer extends Component {
	state = {
	isActive: false,
	}

	changeToActive = () => {
	this.setState({
	isActive: true
	})
	}

	render() {
	return (
	<Button
	onActive={this.changeToActive}
	/>
	)
	}
	}