为什么我会在TypeScript中得到"Binding element‘store“隐式的'any’类型？
为什么我会在TypeScript中得到"Binding element‘store“隐式的'any’类型？
提问于 2020-10-01 18:41:37
我有一个包含两个对象的数组，我想使用map将每个对象传递给卡片。以下是代码：
IStores接口：
interface IStores {
id: number;
title: string;
}
export default IStores;
Card组件：
const Card = ({ store }) => {
return (
<>
<div className="card" key={store.id}>
<div className='card-body'>
<h5 className="card-title">
{store.title}
</h5>
</div>
</div>
</>
)
}
export default Card;
使用Home将每个对象传递给Card的map组件
const storeDetails: IStores[] = [
{
id: 1,
title: 'Store A'
},
{
id: 2,
title: 'Store B'
}
]
const Home = () => {
return (
<>
<div className='center-content'>
<h1>Just shop local</h1>
<div>
{
storeDetails.map(
(d) => {
return (
<Card store={d} />
)
}
)
}
</div>
</div>
</>
)
}
export default Home;
现在，在第1行的Card中出现了一个错误：
Binding element 'store' implicitly has an 'any' type我怎么才能修好它？
回答 1
Stack Overflow用户
回答已采纳
发布于 2020-10-01 18:45:13
绑定元素“存储”隐式具有“任意”类型。
此错误告诉您，您有一个没有类型的变量。因此，您必须键入Card所期望的道具。在这种情况下，您可能会这样做：
interface Props {
store: IStores
}
const Card = ({ store }: Props) => {
//...
}页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/64161434
复制相关文章
相似问题
腾讯云开发者
