从 static function 调用时不调用 setTimeout

Question

我有一个名为 initTimer() 的实用程序 typescript class 和一个 static function，这个 function 调用 setTimeout。 然而，当这个 static function 从反应组件调用时，计时器没有启动！

StyleWrapper.tsx

const StyleWrapper: FC = (props) => {
  const arrangeTiles = () => {
    StyleUtil.initTimer();
  };
  return (
    <Context.Provider value={{ arrangeTiles }}>
      <div id="cnplStyleWrapper">{props.children}</div>
    </Context.Provider>
  );
};

样式实用程序.tsx

export class StyleUtil{
    public static initTimer(){
      const timeoutId = window.setTimeout(() => {
        console.log("Timeout Called!!");        
       }, 100);
    }
}

当我将超时值设置为 0 时，控制台语句将记录在控制台中，但 0 以外的任何值都不会将日志语句记录在控制台中。 奇怪，我是不是在概念上遗漏了什么？

Answer 1

我认为调用方法有问题<Context.Provider value={{ arrangeTiles }}>你必须调用arrangeTiles()它是一个方法而不是一个组件