如何定义道具的类型

Question

代码：

let component = ReasonReact.statelessComponent("Page");
type matchParams = {.
  id: int
};
type match = {.
  params: matchParams
};
type userProps = {.
  match: match
};
let home = <Home />;
let user = (~props:userProps) => <User id=props.match.params.id />;
let make = (_children) => {
  ...component,
  render: (_self) =>
    <div> <Route key="home" exact=false path="/home" component=home />
    <Route key="user" exact=false path="/user/:id" component=user /> </div>
};

输出：

未绑定记录字段匹配

在行

let user = (~props:userProps) => <User id=props.match.params.id />;

如何定义类型，我做错了什么？

Answer 1

该错误是由match 是保留关键字引起的。不过，您应该收到更好的错误消息，我认为这是 Reason 中的错误。解决这个问题，如果需要在JS端编译成match，可以改用_match，否则就改个名字就行了。

您还（可能）还有其他一些问题：

1. let home = <Home /> 不是像user 这样的函数。可能需要let home = () => <Home/>

2. 您将记录类型定义为props，将由component 函数提供给您。但是您可能会得到一个 JS 对象而不是记录。请参阅Reason guide，其中解释了差异。