reactjs – 在React中如何将key prop添加到作为Object传递的元素

发布时间：2020-12-15 20:15:42 所属栏目：百科来源：网络整理

导读：大约代码看起来像这样(CoffeeScript) //In Parent componentrender: () - mycomp = SomeComponent some_prop="something" / ChildComponent passedComp = mycomp ///In Child componentrender: () - someContent = [passedComp,AnotherComp key={2} /] div {

大约代码看起来像这样(CoffeeScript)

//In Parent component

render: () ->

  mycomp = <SomeComponent some_prop="something" />

  <ChildComponent passedComp = mycomp />


//In Child component

render: () ->

 someContent = [passedComp,<AnotherComp key={2} />]


 <div>
   {someContent}
 </div>

这会在Child组件中生成有关数组中缺少键的警告.

问题是如何将key = {1}添加到Child组件中的passComp.我不能在Parent的render方法中(和some_prop一起)这样做,因为我现在还不知道键应该是什么.我需要在Child组件中添加key prop – 但是这里传递的是已经是一个对象.

如何修改passComp以获得密钥？

>更新：

我有

someContent = [<span key={1}>{passedComp}</span>,<AnotherComp key={2} />]

它摆脱了React警告,但额外的跨度打破了我的(反应 – 引导程序)CSS.有更好的解决方案吗？

解决方法

如果已经实例化组件,则执行此操作的唯一方法是 clone your component并添加密钥属性

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!