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

Question

我正在尝试使用rimble-ui ui-library，按钮采用的道具之一称为“as”。不幸的是，这是一个保留字。所以我不知道如何在我的原因反应应用程序中使用这个组件。

这是图书馆的文档。

这是我的代码：

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

以及我从 js 导入到 reason-react 的参考。

Answer 1

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