如何在reason-react中将保留关键字作为道具传递

Question

我正在尝试使用rimble-ui ui-library，按钮需要的道具之一称为"as“。不幸的是，这是一个合理的保留字。所以我不知道如何在我的reason-react应用中使用这个组件。

Here是库的文档。

​

​

这是我的代码：

[@bs.module "rimble-ui"] [@react.component]
external make:
  (~as_: string, ~href: string, ~target: string, ~children: React.element) =>
  React.element =
  "Button";

以及我的reference，用于从js导入到reason-react。

Answer 1

编译为JavaScript时，BuckleScript会从保留字中删除前缀下划线字符，因此您可以将该属性命名为_as，它将起作用：

module Test = {
  [@bs.module "rimble-ui"] [@react.component]
  external make:
    (~_as: string, ~href: string, ~target: string, ~children: React.element) =>
    React.element =
    "Button";
};

let test = <Test _as="" href="" target="">{React.string("")}</Test>;