logo

该视频仅会员有权观看

立即开通课程「React.js 前端应用开发实践」权限。

¥
199
/ 年

修改 React 组件的状态(setState)

在React中,当组件的状态(state)发生变化时,组件会重新渲染以展现新状态。状态更新应通过setState方法进行。可以定义一个名为change的方法,在AppHeader组件内部使用this.setState来改变状态。此方法接受对象或函数作为参数。例如,可以修改名为emerge的状态值,根据当前值是数字还是其他,将其改变为帐篷或树。此外,可以使用window.setInterval方法设置一个定时器,每隔3秒调用change方法来改变组件的emerge状态,使表情符号每隔3秒变化一次。React只会更新改变的部分,不影响其他元素。setState也可接受函数作为参数,其中第一个参数是当前状态,第二个是组件属性(props),可用下划线忽略。函数返回新的状态对象,以此方式也能更新emerge状态。