类型脚本错误“子项在类型内部属性上不存在

Question

错误：

类型{儿童：字符串；严重性：字符串；sx：{宽度：字符串; }; }' 不能分配给类型'Intrinsic属性

警报组件

const Alert = React.forwardRef(function Alert(props, ref) {
  const ref_var = useRef<HTMLDivElement>(null);
  return <MuiAlert elevation={6} ref={ref_var} variant="filled" {...props} />;
});

使用警报组件

 <Alert severity="success" sx={{ width: "100%" }}>
         Success
        </Alert>

Answer 1

自定义Alert组件实现是正确的，但您必须提到React。forwardRef的属性React.forwardRef

此外，ref_var本地 ref 变量不是必需的。

    const AlertFixed = React.forwardRef<HTMLDivElement, AlertProps>(
  (props, ref) => (
    <MuiAlert elevation={6} ref={ref} variant="filled" {...props} />
  )
);

并调用警报组件，

<AlertFixed severity="error" sx={{ width: "50%" }}>
  Failed
</AlertFixed>

这是工作代码盒。