road_to_redux2.js

class Dumbo extends React.Component {
  state = { clothing: null, firstChild: null, secondChild: null };
  handleState = () => {
    this.setState({
      clothing: "jeans",
      firstChild: "shoes",
      secondChild: "hat"
    });
  };
  render() {
    return (
      <div>
        <h1>Hey, my name is Dumbo. </h1>
        <p> I am wearing {this.state.clothing} today.</p>
        <button onClick={this.handleState}>dress up</button>

        <FirstChild clothing={this.state.firstChild} />
        <SecondChild clothing={this.state.secondChild} />
      </div>
    );
  }
}

const FirstChild = props => <p>I am John, and I am wearing {props.clothing} today.</p>;
const SecondChild = props => <p>I am Max, and I am wearing {props.clothing} today.</p>;