出现以下错误:
ERROR in src/components/Tasks.tsx:6:2
TS2552: Cannot find name 'Task'. Did you mean 'Tasks'?
4 | return(
5 | <>
> 6 | {Task.map((task) => (
| ^^^^
7 | <h3 key={task.id}>{task.text}</h3>
8 | )) }
9 |
ERROR in src/components/Tasks.tsx:6:12
TS7006: Parameter 'task' implicitly has an 'any' type.
4 | return(
5 | <>
> 6 | {Task.map((task) => (
| ^^^^
7 | <h3 key={task.id}>{task.text}</h3>
8 | )) }
9 |
任务. tsx代码:
import PropTypes from 'prop-types'
const Tasks = () => {
return(
<>
{Task.map((task) => (
<h3 key={task.id}>{task.text}</h3>
)) }
</>
)
}
export default Tasks
2条答案
按热度按时间btxsgosb1#
由于TypeScript编译器无法推断
map
函数中task
参数的类型,因此导致错误。可以通过使用接口或类型显式定义task
的类型来修复此问题。此外,定义或导入
Task
变量,并确保它是具有属性id
和text
的对象数组。kq0g1dla2#
谢谢您的回答,在App.tsx中定义如下: