Typescript - 如何修復非 Typescript React 組件的 children 屬性上的“屬性子項不存在”錯誤？

Question

我有一個用tsx擴展編寫的父組件和一個用“jsx”擴展編寫的子組件：

Child.jsx （不是實際的組件，只是一個示例）

const Child = props => {
    const { children } = props

    return (<a>{children}</a>)
}

父.tsx

const Parent = (props: IProps) => {
    return (
        <Child>This is my data</Child>
    )
}

但是，我在 Parent.tsx 上收到Parent.tsx錯誤：

類型“IntrinsicAttributes”上不存在屬性“子項”

現在，在一個完美的世界中，我可能會將Child.jsx重構為 Typescript 文件並將children屬性鍵入為React.ReactNode但如果這是一個非常復雜且本身具有需要重構的子文件的遺留子文件怎么辦， ETC。？

有什么辦法可以克服 Parent 發出的 Typescript 錯誤？

Answer 1

React 18 停止包含隱式 children 道具。 您需要明確添加它。

https://solverfox.dev/writing/no-implicit-children/

我們需要開始向各種依賴項目提交 PR（到目前為止我已經做了兩次）以添加顯式的 children 屬性。 也許降級 React 版本直到這種情況平靜下來？