[React] プロパティ "..." が型 "JSX.IntrinsicElements" に存在しません (TS エラー)

エラー例

• 画像例:

• デモコード:

const child = () => {
    
    
    return <div> 我是子组件 </div>
}

const APP =()=>{
    
    
    return(<div >
    		<span>在父组件中使用子组件：</span>
           	<child /> // 这时候 ts 就会抛错
    </div>)
}

解決

• 内部コンポーネントには小文字で名前を付けることはできません。先頭は大文字にする必要があるため、大文字に変更してください。

const Child = () => {
    
    
    return <div> 我是子组件 </div>
}

const APP =()=>{
    
    
    return(<div >
    		<span>在父组件中使用子组件：</span>
           	<Child />
    </div>)
}