react class 倒计时

示例代码：

import React, { Component } from 'react';

class Countdown extends Component {
  state = {
    secondsLeft: this.props.seconds
  };

  componentDidMount() {
    this.timer = setInterval(() => {
      this.setState(prevState => ({ secondsLeft: prevState.secondsLeft - 1 }));
    }, 1000);
  }

  componentWillUnmount() {
    clearInterval(this.timer);
  }

  render() {
    const { secondsLeft } = this.state;

    return (
      <div>
        {secondsLeft > 0 ? (
          <h2>{secondsLeft} seconds left</h2>
        ) : (
          <h2>Time's up!</h2>
        )}
      </div>
    );
  }
}

export default Countdown;

这是一个简单的 React 组件，实现了倒计时功能。可以通过传入 props 来指定倒计时的总秒数，组件会自动开始计时，并每秒更新一次显示。当倒计时结束时，会显示提示信息“Time's up!”。