clearInterval()在React本机函数组件中不起作用

在React本机函数组件中，clearInterval()函数用于停止由setInterval()函数创建的定时器。然而，由于React的函数组件没有类似于生命周期方法的概念，因此直接在函数组件中使用clearInterval()函数是无效的。

在React中，可以使用useEffect()钩子函数来模拟定时器的效果，并在组件卸载时清除定时器。下面是一个示例：

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

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

  useEffect(() => {
    const timer = setInterval(() => {
      setCount(prevCount => prevCount + 1);
    }, 1000);

    return () => {
      clearInterval(timer);
    };
  }, []);

  return (
    <div>
      <p>Count: {count}</p>
    </div>
  );
}

export default MyComponent;

在上面的示例中，我们使用useState()钩子函数来创建一个名为count的状态变量，并使用setCount()函数更新count的值。然后，我们使用useEffect()钩子函数来创建一个定时器，每秒钟更新一次count的值。在组件卸载时，我们使用return语句返回一个清除定时器的函数，以确保在组件被销毁时清除定时器。

这是一个简单的例子，你可以根据自己的需求进行修改和扩展。关于React的useEffect()钩子函数和其他React相关的概念，你可以参考腾讯云的React产品文档：React - 腾讯云