扩展点​

• 静态扩展点 与核心结账功能（例如联系信息、运输方式和订单摘要行项目）相关联。
• 动态扩展点 可以在结账过程中的任意位置显示，并且无论哪些结账功能可用，都将始终呈现。例如，用于捕获客户备注的字段。

结账 UI 扩展将使用 render(extensionPoint, App) 注册扩展点。UI 扩展中的扩展点是一个 React 组件，该组件通过 props 接收 API 对象 与应用交互。

静态扩展点​

静态扩展点与联系信息、送货方式和订单摘要行项目等核心结账功能相关联。SHOPLINE 在大多数核心结账功能之前或之后提供了扩展点。如果核心结账功能未展示，则不会呈现绑定到该功能的静态扩展点。商家使用结账编辑器 来激活扩展并将其放置在结账流程中。

代码示例​

render("Checkout::CheckoutLines::RenderAfter", (props) => {
    return <Text>Hello World!</Text>;
});

动态扩展点​

动态扩展点与核心结账功能无关。它们在每个结账步骤的核心功能之间呈现。商家可以使用结账编辑器将扩展放置在结账页、订单状态页、感谢页中。

无论结账的其他元素如何，动态扩展始终会显示。例如，当 Express Checkout 模块不展示时，Information1 这个动态扩展仍将展示。

代码示例​

render("Checkout::Dynamic::Render", (props) => {
    return <Text>Hello World!</Text>;
});