React生命周期实测
·
📦 前端资源合集 | 持续更新
🟢 前端0到1【持续更新】→ https://pan.quark.cn/s/5df55ccff7c4
🔵 前端进阶【持续更新】→ https://pan.quark.cn/s/2dec1c87b3ec
🟣 前端2026最新【持续更新】→ https://pan.quark.cn/s/77c8fa94161c
🔴 AI最新学习资料 → https://pan.baidu.com/s/1P9X2Qk_Fby3rFNVGw_WKow?pwd=46XG 提取码:46XG
import React from 'react'
class CountDown extends React.Component {
constructor(props) {
super(props)
this.state = {
seconds: 60,
count: 1
}
}
setCountPlus() {
this.setState({
count : this.state.count + 1
})
}
// 组件将要挂载时钩子
componentWillMount() {
console.log(`I am ComponentWillMount: ${this.state.count}`)
}
// 组件挂载结束时钩子函数
componentDidMount() {
console.log(`I am ComponentDidMount: ${this.state.count}`)
}
// 组件将要卸载时钩子
componentWillUnmount() {
console.log(`I am ComponentWillUnmount: ${this.state.count}`)
}
componentDidUpdate() {
console.log(`componentDidUpdate`)
}
componentWillUpdate() {
console.log(`componentWillUpdate`)
}
shouldComponentUpdate() {
console.log(`shouldComponentUpdate`)
return true
}
componentWillReceiveProps() {
}
render() {
return (
<h1>
{ this.state.count }
</h1>
)
}
}
export default CountDown
AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。
更多推荐

所有评论(0)