📦 前端资源合集 | 持续更新

🟢 前端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
Logo

AtomGit 是由开放原子开源基金会联合 CSDN 等生态伙伴共同推出的新一代开源与人工智能协作平台。平台坚持“开放、中立、公益”的理念,把代码托管、模型共享、数据集托管、智能体开发体验和算力服务整合在一起,为开发者提供从开发、训练到部署的一站式体验。

更多推荐