如何在React中映射json文件
在react文件中，
i映射到json文件，我得到一个错误：
const CompanyList = () => {
const { REACT_APP_API_ENDPOINT } = process.env;
const [company, setCompany] = useState([]);
const getCompanyData= async () => {
const response = await fetch(`${REACT_APP_API_ENDPOINT}/getCompanyList`, {
headers: { 'Content-Type': 'application/json' }
})
const content = await response.json();
console.log(content);
setCompany(content);
};
useEffect(() => {
getCompanyData();
},[]);
return (
<div>
<h1>List of Companies</h1>
{company.map((user) => (
<div className="user">{user.companyId}</div>
))}
</div>
);
};
export default CompanyList;I得到错误这行{user.companyId}属性'companyId‘不存在于’从不‘..ts(2339)
这是我的json数据(11) {…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…}，{…} 0：{companyId: 1，companyName："COS软件解决方案PVT“，companyDescription：”敏捷开发公司“} 1：{companyId: 2，companyName："CTS"，companyDescription：”软件开发公司“} 2：{companyId: 4，companyName："TCS"，companyDescription：”咨询服务“} 3：{companyId: 5，companyName："HP"，companyDescription：”制造公司“} 4：{companyId: 6，companyName："Cogito"，companyDescription：" Software "} 5：{companyId: 7，companyName："Google"，companyDescription：“软件开发公司”} 6：{companyId: 8，companyName："AxisBank"，companyDescription：“金融公司”} 7：{companyId: 9，companyName："makessoft"，companyDescription：“软件开发公司”} 8：{companyId: 10，companyName："LG"，companyDescription：“制造公司”} 9：{companyId: 11，companyName："SoftMake"，companyDescription："IT company"} }
如何在任何html元素中绑定user.CompanyId、user.CompanyName和user.CompanyDescription。
回答 2
Stack Overflow用户
发布于 2021-05-27 11:50:15
您所看到的是一个TypeScript错误，它告诉您变量company是never类型。原因是TypeScript无法从提供[]的初始值中推断变量的类型。
需要通过提供类型参数显式设置类型：
interface CompanyResponse {
companyId: number
companyName: string
companyDescription: string
}
const CompanyList = () => {
const { REACT_APP_API_ENDPOINT } = process.env;
const [company, setCompany] = useState<CompanyResponse[]>([]);
...Stack Overflow用户
发布于 2022-08-10 07:25:33
React循环实例
import React from 'react';
function App() {
const students = [
{
'id': 1,
'name': Jack,
'email': 'jack@gmail.com'
},
{
'id': 2,
'name': 'Mary',
'email': 'mary@gmail.com'
},
{
'id': 3,
'name': 'John',
'email': 'john@gmail.com'
},
];
return (
<div>
<h1> Example of React Map Loop </h1>
<table>
<tr>
<th>ID</th>
<th>Name</th>
<th>Email</th>
</tr>
{students.map((student, index) => (
<tr data-index={index}>
<td>{student.id}</td>
<td>{student.name}</td>
<td>{student.email}</td>
</tr>
))}
</table>
</div>
);
}
export default App;https://stackoverflow.com/questions/67719637
复制相似问题
腾讯云开发者
