使用TypeScript开发React项目,开发中用Map循环渲染UI时,出现这个错误是因为Typescript在执行代码检查时在该对象没有定义相应属性,遇到该错误有以下几种解决办法。
-
将对象设置成 any类型
<ul> {data.hits.map((item: any) => ( <li key={item.objectID}> <a href={item.url}>{item.title}</a> </li> ))} </ul>
-
通过字符方式获取对象属性
<ul> {data.hits.map(item => ( <li key={item['objectID']}> <a href={item['url']}>{item['title']}</a> </li> ))} </ul>
-
声明断言,强制执行
-
List item
- {data.hits.map(item => (