报错示例
- 示例图片:
- 演示代码:
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>)
}