React--井字棋实战（3）

增加交互功能

Square 组件中 render() 方法的返回值中的 button 标签修改

render() {

​ return ( < button className = "square"``onClick = {() => { alert(‘橘子太酸辣~’) } } > { this.props.value } </button>

​ );}`

运行截图

记忆功能

Square 组件可以“记住”它被点击过，然后用 “大橘子” 来填充对应的方格。

增加一个Square组件的构造器

 constructor(props) {
        super(props)
        this.state = {
            value: null,
        }
    }

修改render方法中的onClick事件

 onClick = {
            () => { this.setState({ value: '大橘子' }) }
            } > { this.state.value
            } 

运行截图

请完成以上两个功能的实现，请实际操作，有啥问题请联系我邮箱。

切记，请实操