react中的Simple for loop此代码在for loop中给出错误

Question

这给错误在循环

let contact=[{name:"Mithun"},{name:"Keerthana"},{name:"Jayendara"},{name:"Shivani"}]

for (i=0;i<list;i++)

{
 <h1>{content[0].name}</h1>
}

Answer 1

给你提几点建议

>

在您的问题中，您是在列表上循环，而不是在联系人

据我所知，您希望从contact对象中创建一个JSX元素。因此，您需要将其推入数组中，然后像

代码：

let contact=[{name:"Mithun"},{name:"Keerthana"},{name:"Jayendara"},{name:"Shivani"}]
var content = [];
for (i=0;i<contact;i++)
{
 content.push(<h1>{contact[i].name}</h1>);
}

当你想在你的渲染函数中渲染它时，你可以做如下的事情

return (
   <div>{content}</div>
)

你的代码看起来会像

 render() {
     return(
         <div>
            {contacts.map(function(item) {
                 return (<h1>{item.name}</h1>)
            })}
         </div>
     )
   }

Answer 2

您需要在for循环中使用contact.length而不是list。您还需要使用联系[i]而不是内容[0]。

for (i = 0; i < contact.length; i++) {
    <h1>{contact[i].name}</h1>
}

如果您使用的是TSX（TypeScript React），那么可以使用map函数来简化此操作。

return contact.map(c => <h1>{c.name}</h1>);