//初始化状态
state = { isGood: true }
render() {
const { isGood } = this.state
// 点击事件使用onClick
return (
组件实例对象属性——state使用,很{isGood ? ‘好用’ : ‘不好用’}
)}
//点击执行函数,自定义方法(使用监听函数)
clickTitle = () => {
const { isGood } = this.state
//更新状态
this.setState({ isGood: !isGood })
}
}
//2.渲染组件到页面
ReactDOM.render(, document.getElementById(‘test’))
- 简单示例
- 简写方式
- 字符串形式
- 回调函数形式
turn (
点我提示左侧的数据
)
}
}
//2.渲染组件到页面
ReactDOM.render(, document.getElementById(‘test’))
- 回调函数形式