Skip to main content

cancelRender()

从 v3.3.44 版本开始可用

通过调用 cancelRender()，Remotion 将停止渲染所有帧，并且不会进行任何重试。

向 cancelRender() 传递一个 string 或一个 Error（以获得最佳堆栈跟踪），这样当您的渲染失败时，您可以识别错误。

示例​

MyComposition.tsx
tsx
import React, { useEffect, useState } from "react";
import { cancelRender, continueRender, delayRender } from "remotion";
 
export const MyComp: React.FC = () => {
  const [handle] = useState(() => delayRender("Fetching data..."));
 
  useEffect(() => {
    fetch("https://example.com")
      .then(() => {
        continueRender(handle);
      })
      .catch((err) => cancelRender(err));
  }, []);
 
  return null;
};
MyComposition.tsx
tsx
import React, { useEffect, useState } from "react";
import { cancelRender, continueRender, delayRender } from "remotion";
 
export const MyComp: React.FC = () => {
  const [handle] = useState(() => delayRender("Fetching data..."));
 
  useEffect(() => {
    fetch("https://example.com")
      .then(() => {
        continueRender(handle);
      })
      .catch((err) => cancelRender(err));
  }, []);
 
  return null;
};

参见​