如何在使用setInterval时防止React重新呈现整个组件

import React, { useEffect } from 'react';

function MyComponent() {
  useEffect(() => {
    const interval = setInterval(() => {
      // 执行你的逻辑代码
    }, 1000);

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

  return (
    // 组件的 JSX
  );
}

import React from 'react';

class MyComponent extends React.Component {
  componentDidMount() {
    this.interval = setInterval(() => {
      // 执行你的逻辑代码
    }, 1000);
  }

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

  render() {
    return (
      // 组件的 JSX
    );
  }
}