如何多次渲染一个组件并一个接一个地显示结果？

Question

这就是我想要的：

Jake J.
Matt D.
Kate K.
Matt H.

我得到的是：enter image description here 这是我的代码

renderNames(){
   const names =[
     "Jake J.",
     "Matt D."
     ...
   ]
   names.map((name,i) = > 
      return ( 
        <div><b>{name}</b></div>
   )
   return names;
}

然后在render方法中我调用this.renderNames（）。并且名字一个在另一个上面显示，我不知道我该怎么做才能一个接一个地显示它们（如上所示）。 我正在使用Meteor + React + TypeScript。

由于

Answer 1

Array.map doesn't mutate数组。您的函数返回字符串数组，而不是div数组。这样做：

renderNames(){
   const names = [
     "Jake J.",
     "Matt D.",
     ...
   ];
   return names.map(name => <div><b>{name}</b></div>);
}