增加交互功能
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
}
运行截图
请完成以上两个功能的实现,请实际操作,有啥问题请联系我邮箱。