useState与setInterval一起的使用

可以使用`useState`和`useEffect`来实现定时器的功能。

首先，使用`useState`来声明一个状态变量，例如：

import React, { useState } from 'react';

function Timer() {
  const [count, setCount] = useState(0);

  return <div>{count}</div>;
}

然后，使用`useEffect`来设置定时器并更新状态变量，例如：

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

function Timer() {
  const [count, setCount] = useState(0);

  useEffect(() => {
    const intervalId = setInterval(() => {
      setCount(count => count + 1);
    }, 1000);

    return () => clearInterval(intervalId);
  }, []);

  return <div>{count}</div>;
}

在这个例子中，`useEffect`的第二个参数传入了一个空数组，表示只在组件挂载时执行一次。在`useEffect`的回调函数中，使用`setInterval`来设置定时器，每隔一秒钟更新一次`count`状态变量。同时，在组件卸载时清除定时器，以避免内存泄漏。

通过这种方式，就可以使用`useState`和`useEffect`来实现定时器的功能。