如何解析 props
渲染过程中
Remotion 在渲染视频时执行算法来确定传递给组件的 props。有三个因素起作用:
1 默认 props 是在渲染时传递给组件的数据。您可以使用您的 defaultProps
属性指定它们。<Composition />
。
2 输入 props 是在调用渲染时传递的数据,可以通过 inputProps
选项、--props
flag 或使用 Remotion Studio 中的渲染对话框传递。
3 可以使用 calculateMetadata()
动态转换 props,以及组合的元数据。
以下图表显示了如何解析 props:
在 Remotion Studio 中
在 Remotion Studio 中,props 的解析方式类似,但有一些不同之处:
1 默认 props 可以在右侧边栏中进行编辑。无效的修改将被标记为红色轮廓,不会应用。
2 如果您使用渲染按钮渲染视频,则输入 props 表单会预先填充默认 props,包括右侧边栏中的修改。
以下规则保持不变,您应该注意:
1 如果您使用 --props
flag 启动 Studio,则此数据将优先于默认 props,包括右侧边栏中的修改。不建议将输入 props 传递给 Studio。
2 传入的输入属性可能会被 calculateMetadata()
转换。