React & Slate 的 TypeScript 错误：属性 'renderElement' 在类型 'IntrinsicAttributes' 上不存在

Question

我正在尝试学习如何根据以下教程使用 Slate：Defining Custom Elements。

我已经（按照教程进行了轻微的风格更改）添加了以下代码：

export default function App() {
  const renderElement = useCallback((props) => {
    switch (props.element.type) {
      case "code":
        return <Code {...props} />
      default:
        return <Default {...props} />
    }
  }, [])

  return <Editor renderElement={renderElement} />
}

问题是我收到以下 TypeScript 错误：

Type '{ renderElement: (props: any) => Element; }' is not assignable to type 'IntrinsicAttributes'.
  Property 'renderElement' does not exist on type 'IntrinsicAttributes'. ts(2322)

知道我为什么会收到此错误以及如何解决它吗？

Answer 1

我不熟悉有问题的库，但从您链接的文档来看，renderElement 道具似乎在 <Editable /> 组件上而不是 <Editor /> 上。这可能是问题所在吗？

React & Slate 的 TypeScript 错误：属性 'renderElement' 在类型 'IntrinsicAttributes' 上不存在

TypeScript error with React & Slate: Property 'renderElement' does not exist on type 'IntrinsicAttributes'

javascript

typescript

reactjs

slate.js