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