学习React第四篇：使用setState管理React组件状态

继编写 在React组件上设置属性(PropTypes)

与props不同，props是要作为静态值传递到我们的组件中的值的集合，而并非要被我们的组件更改。状态表示将要管理的值的集合，并由我们的组件更新。接下来，使用setState管理React组件状态：

示例文件 State.js

import React from 'react'

class State extends React.Component {
    //为了让我们开始使用状态，我将在这里设置一个构造函数方法
    constructor() {
        // 第一件事就是，将调用super。这将为关键字“ this”提供组件中的上下文，而不是其父类React.Component。
        super(); 
    
        this.state = {
            txt: "this is the state txt",
            cat: 0
        }
    }

    // 创建update()的方法，该方法将接收一个事件 e 来更新状态
    update(e) {
        this.setState({ txt: e.target.value })
    }

    render() {
        return (
            <div>
                <input type="text"
                    onChange={this.update.bind(this)} />
                <h1>{this.state.txt