重写大写部分

Question

根据 Rescript Documentation，建议可以使用 spread 将预先存在的列表传递给组件。我很困惑 Rescript 中 MyComponent 到底是什么，因为我找不到初始化组件的方法，这可以通过 vanilla React 中的函数完成。

<MyComponent>...myChild</MyComponent>

其中 myChild = list{child1,child2}

经过多次尝试，以下不起作用：

@JSX div(~children=myChild) ，因为 Rescript 要求将其包装在列表中，如 list{myChild}
@JSX div(~children=list{myChild})，给出类型错误
初始化一个名为 MyComponent 的模块，然后执行 <MyComponent> ...myChild </MyComponent>，但是这给出了错误 The value make can't be found in MyComponent
用大写转义初始化一个函数：let \"MyComponent" = () => ...，但这给出了错误The module or file MyComponent can't be found.

我想要的是组件 MyComponent 的初始化示例，它可以像 <MyComponent>...myChild</MyComponent> 一样用作大写标签。提前谢谢你。

Answer 1

module MyComponent = {
 @react.component
 let make = (~children: list<React.element>) => {
   <div> {Belt.List.toArray(children)->React.array} </div>
 }
}

来自 Rescript Forum.

重写大写部分

Rescript Capitalised Component

reason

rescript