此表达式具有类型 ... 但表达式应为类型

Question

我正在使用 bs-material-ui-icon 绑定，但在尝试使用它时出现类型错误组件。

module Cell = {
  type status =
    | Empty
    | Tick
    | Cross;
  /* let icon =  React.createElement(MaterialUIIcons.AccessAlarm); */

  [@react.component]
  let make = _children => {
    <div> <MaterialUIIcons.AccessAlarm /> </div>; /** <MaterialUIIcons.AccessAlarm /> erorr **/
  };
};

这是它给出的错误信息：

This expression has type
         'a =>
         ReasonReact.component(ReasonReact.stateless,
                                ReasonReact.noRetainedProps,
                                ReasonReact.actionless)
       but an expression was expected of type
         React.component('a) = 'a => React.element
       Type
         ReasonReact.component(ReasonReact.stateless,
                                ReasonReact.noRetainedProps,
                                ReasonReact.actionless)
           =
           ReasonReact.componentSpec(ReasonReact.stateless,
                                      ReasonReact.stateless,
                                      ReasonReact.noRetainedProps,
                                      ReasonReact.noRetainedProps,
                                      ReasonReact.actionless)
       is not compatible with type React.element

我正在使用 react-jsx 3（如果有的话）

Answer 1

正如@glennsl 所说，这是因为您缺少 JSXv2 和 JSXv3。有一个支持 JSXv3 的新分支，您可以在此处找到 https://github.com/jsiebern/bs-material-ui/tree/hooks。它在 hooks 标签中发布在 npm 上。

此表达式具有类型 ... 但表达式应为类型

This expression has type ... but an expression was expected of type

reason

reason-react