Skip to main content

如何解析 props

渲染过程中

Remotion 在渲染视频时执行算法来确定传递给组件的 props。有三个因素起作用:

默认 props 是在渲染时传递给组件的数据。您可以使用您的 defaultProps 属性指定它们。<Composition />

输入 props 是在调用渲染时传递的数据,可以通过 inputProps 选项、--props flag 或使用 Remotion Studio 中的渲染对话框传递。

可以使用 calculateMetadata() 动态转换 props,以及组合的元数据。

以下图表显示了如何解析 props:

在 Remotion Studio 中

在 Remotion Studio 中,props 的解析方式类似,但有一些不同之处

默认 props 可以在右侧边栏中进行编辑。无效的修改将被标记为红色轮廓,不会应用。
2
如果您使用渲染按钮渲染视频,则输入 props 表单会预先填充默认 props,包括右侧边栏中的修改。

以下规则保持不变,您应该注意:

如果您使用 --props flag 启动 Studio,则此数据将优先于默认 props,包括右侧边栏中的修改。不建议将输入 props 传递给 Studio。

传入的输入属性可能会被 calculateMetadata() 转换。