useDelayRender()v4.0.342

一个 React Hook，为 React 组件提供作用域内的 delayRender()、continueRender() 和 cancelRender()（从 v4.0.374 开始）函数。

🌐 A React hook that provides scoped delayRender(), continueRender() and cancelRender() (from v4.0.374) functions for React components.

这是推荐的方法，而不是直接使用全局 delayRender()、continueRender() 和 cancelRender() 函数。

🌐 This is the recommended approach instead of using the global delayRender(), continueRender() and cancelRender() functions directly.

✅ Preferred - use useDelayRender()
import {useDelayRender} from 'remotion';

const MyComp: React.FC = () => {
  const {delayRender, continueRender, cancelRender} = useDelayRender();

  return <div>My component</div>;
};

⚠️ Discouraged - global APIs
import {useDelayRender, continueRender, delayRender} from 'remotion';

为什么要使用 useDelayRender() 而不是全局的 delayRender()？

🌐 Why use useDelayRender() over global delayRender()?

使用这个 hook，我们可以将延迟限定到特定的渲染。 这使其对 浏览器渲染 具有未来适应性。
建议使用这个 hook 而不是全局的 delayRender() 函数。

兼容性

🌐 Compatibility

Browsers			Environments
Chrome	Firefox	Safari	Client-side rendering	Server-side rendering	Player	Studio
					No-op	No-op

另请参阅

🌐 See also

• delayRender() - 基础 API
• continueRender() - 手动渲染延续
• cancelRender() - 在出错时取消渲染
• 数据获取指南