简单的for循环反应此代码在for循环中给出错误

时间:2017-05-11 04:20:06

标签: reactjs for-loop

这为for循环

提供了错误
form.removeButton(buttonid)

2 个答案:

答案 0 :(得分:1)

您需要在for循环中使用contact.length而不是list。您还需要使用cont a ct [i]而不是cont e nt [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>);

答案 1 :(得分:1)

建议你一些事情

  1. 在您的问题中,您正在循环list而不是循环contacts

  2. 据我所知,您希望从联系对象中获取JSX元素。因此,您需要将其推入数组,然后将其呈现为

  3. 代码:

    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>
    )
    
    1. 但是,由于你正在使用反应,你应该使用更方便和易于使用的地图功能
    2. 您的代码看起来像

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