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

Question

我正在尝试使用 rimble-ui ui-库，按钮采用的道具之一称为 "as"。不幸的是，这是 reason 中的保留字。所以我不知道如何在我的 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

BuckleScript 在编译为 JavaScript 时从保留字中删除了前缀下划线字符，因此您可以将 prop 命名为 _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>;