reactjs 绑定元素标题隐式具有“any”类型,-错误

dly7yett  于 2023-02-08  发布在  React
关注(0)|答案(1)|浏览(309)

我收到以下问题:
源代码/组件/标题中的错误。tsx:6:18
TS 7031:绑定元素“title”隐式具有“any”类型。4|五个|六个|常量标题=({标题})=〉{|第七章|返回(8|九|

{标题}

应用程序tsx包含:

import Header from './components/Header'

const App = () => {
return (
     <div className='container'>
       <Header title='Hello' />
     </div>
   )
 }
 
 export default App;

头文件.tsx包含以下代码:

import PropTypes from 'prop-types'
import Button from './Button'


const Header = ({title}) => {
    return(
        <header className='header'>
            <h1>{title}</h1>
            <Button color='green' text='Add'/>
            
        </header>
    )
}

Header.defaultProps = {
    title: 'TaskTracker',
}

Header.propTypes = {
    title: PropTypes.string.isRequired,
}

export default Header

变量的声明。

e4yzc0pl

e4yzc0pl1#

import Header from './components/Header'

const App = () => {
return (
     <div className='container'>
       <Header title='Hello' />
     </div>
   )
 }
 
 export default App;

您应该使用类型来键入typescript,而不是proptypes。

import Button from './Button'


const Header = ({title} : {title: string}) => {
    return(
        <header className='header'>
            <h1>{title}</h1>
            <Button color='green' text='Add'/>
            
        </header>
    )
}

export default Header

署名:@康拉德

相关问题