将组件重新渲染x次？

axr492tv 于 2021-09-23 发布在 Java

关注(0)|答案(2)|浏览(305)

很快，我的代码导入了一个txt文件（通过webpack插件），将每一行分割成一个特殊字符，以供数组使用。然后，“fixture”从数组中调用一个值（例如。 fixture = array[i] 什么时候 i = 1 ). 然后在子字符串函数中使用该数据来获取所需的数据。如果 fixture = array[1] ，它将返回例如brentford作为 homeTeam 和阿森纳一样 awayTeam . 其中一些数据是 homeTeam 及 awayTeam ,
所以，回到我的react组件，我需要重新渲染我的组件至少10次，但是使用不同的值 i （前面提到的变量为 array[i] ).
到目前为止，我的 return() -my main component语句返回一个子组件：

<Match hometeam={homeTeam} awayteam={awayTeam}/>

哪一个发送 homeTeam 及 awayTeam 子组件的道具。
我得走了 <Match/> 用于x次，每次使用不同的值。我该怎么做？希望你能帮助我。。。

for-loop Arrays JavaScript reactjs typescript

来源：https://stackoverflow.com/questions/68310085/re-rendering-react-components-x-times

2条答案

按热度按时间

xfb7svmp1#

您通常通过使用 map() 为每个项目渲染组件。要对两个数组的每个组合执行此操作，只需嵌套一个 map() 在另一个里面。
例如：

<div>
  {homeTeams.map(homeTeam => (
    awayTeams.map(awayTeam => (
      <Match homeTeam={homeTeam} awayTeam={awayTeam} />
    )
  )}
</div>

请注意，通常不需要知道索引就可以执行此操作，只需循环数组中的每个项并使用它呈现某些内容。

赞(0）回复(0）举报 2021-09-23

cl25kdpy2#

如果你想绘制你的Map array 一系列 <Match/> ```

赞(0）回复(0）举报 2021-09-23

我来回答

将组件重新渲染x次？

2条答案

相关问题

热门标签

最新问答