当我们使用array.prototype.map（）从iterable呈现react组件时，索引是如何生成的，react是如何使用它的？
我想知道，如果迭代对象的内容对正在生成的索引有任何影响，例如迭代对象具有相同的键值，它会生成相同的索引还是接受的键道具会受到影响？
共有2个答案
如果jus只需要一个简单的键，map的第二个参数是一个索引，你可以用它作为键
objects.map(objs,index) => { return <Obj key={index} /> }
键不是自动生成的，您需要添加自己的键（请参见示例），react使用键来跟踪在每次重播时需要更新的元素。
{array.map((item) => {
return <p key={item.id}>{item.name}</p>
})
您也可以使用map的index作为您的键，尽管许多人建议不要这样做，index是传递给map的第二个（可选）参数，如下所示
{array.map((item, index) => {
return <p key={index}>{item.name}</p>
})
-
我有一个非常简单的功能组件，它从localStorage获取日期并显示它。我有两个按钮来添加或删除日期后的周数，我希望显示新的日期。但是，该组件不会被渲染。 此组件的预期行为是获取时间戳，然后显示该时间戳的月份和年份。加载时，它正确地显示了2021年1月，但是当我在onLefthtml上单击几次时，它并没有呈现组件，尽管我期望它显示2021年12月。计算是正确的，我想我在这里丢失了功能组件渲染的概
-
我正在研究一些对象的Flux，比如
-
问题内容： 在这篇关于Om的博客文章上，我发现了2种说法，它们说React在使用React。也可以在这个SO答案的评论中找到答案。 我不确定它是React的一部分还是人们在React中使用它。 有人可以告诉我React中有什么用吗？还是它可以与React一起使用，为什么我选择与React一起使用？ 问题答案： React目前不用于进行DOM更新（我们称之为“分批策略”）。批处理策略是可注入的，因此
-
问题内容： 我有一个API，它为我提供了Webpack处理的react组件，如下所示： 在react组件内部，我想获取此组件并显示它。到目前为止，这是我尝试过的方法，但不幸的是它没有用。api提取有效，但仅将组件显示为字符串。 我该如何在代码中的api获取的组件中使用它？ 问题答案： 通过使用最新的Chrome，您可以执行以下操作： ProfilePage将是一个惰性组件。提取完成后将加载它。等待
-
我在一个表单上有一个TextField输入，问题是当我在它上键入时，刚刚键入的值的显示/呈现有一种延迟，我想防止这种延迟。 代码：
-
但我的问题是我如何强制上面的功能组件重新呈现立即与钩子？
-
我很好奇AngularJS中的装饰师到底是什么。除了AngularJS文档中的一个简介和youtube视频中的一个简短（尽管很有趣）提及之外，对于装饰师来说，网上没有太多信息。 正如棱角分明的人所说，装饰师是： 服务的装饰，允许装饰者拦截服务实例的创建。返回的实例可以是原始实例，也可以是委托给原始实例的新实例。 我真的不知道这意味着什么，我也不知道你为什么要把这个逻辑从服务本身中分离出来。例如，如
-
本文向大家介绍你是如何划分React组件的？相关面试题，主要包含被问及你是如何划分React组件的？时的应答技巧和注意事项，需要的朋友参考一下 Each page should have a individual folder, as well as the related style, components, util functions. Put all of the common funct