729_React_state天气案例简写

<script type="text/babel">
      class Weather extends React.Component {
        state = { isHot: true };
        changeWeather = () => {
          this.setState({ isHot: !this.state.isHot });
        };

        render() {
          const { isHot } = this.state;
          return (
            <h1 onClick={this.changeWeather}>
              今天天气很{isHot ? "炎热" : "凉爽"}
            </h1>
          );
        }
      }

      //渲染
      ReactDOM.render(<Weather />, document.getElementById("test"));
    </script>