该表达式的类型为...，但是期望该类型的表达式

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中找到。它发布在npm的hooks标签中。