react hooks实现每秒按钮自动切换

要实现每秒按钮自动切换，可以使用React Hooks中的useState和useEffect。

首先，使用useState来定义一个状态变量来存储当前按钮的索引。然后，使用useEffect来设置每秒钟自动更新按钮的索引。

下面是一个示例代码：

import React, { useState, useEffect } from 'react';

function AutoSwitchButton() {
  const [buttonIndex, setButtonIndex] = useState(0);

  useEffect(() => {
    const interval = setInterval(() => {
      setButtonIndex((buttonIndex + 1) % 3);
    }, 1000);

    return () => clearInterval(interval);
  }, [buttonIndex]);

  return (
    <div>
      <button className={buttonIndex === 0 ? "active" : ""}>Button 1</button>
      <button className={buttonIndex === 1 ? "active" : ""}>Button 2</button>
      <button className={buttonIndex === 2 ? "active" : ""}>Button 3</button>
    </div>
  );
}

在这个例子中，我们定义了一个初始的buttonIndex状态为0。然后，使用useEffect来设置一个定时器，每秒钟更新一次buttonIndex状态。最后，根据当前的buttonIndex状态来确定哪个按钮应该处于活动状态。