Javascript 反应表行组件

我有一个react组件，它呈现列表的详细信息

import React, { Component } from 'react';

export default RecordListDetail = ({details}) => {

  return (<tr>
         <td>{details.coreURL}</td>
         <td>{details.source}</td>
      </tr>
   )
 };

import React，{Component}来自'React'；
导出默认RecordListDetail=（{details}）=>{
返回(
{details.coreURL}
{details.source}
)
};

但是，此列表会更改，因此我希望以编程方式生成此列表。没有成功，我尝试过

import React, { Component } from 'react';

export default RecordListDetail = ({details}) => {

  return (<tr>
  {details.map ((details, index) =>
  <td key={index}>
    {details}
  </td>
  )}
  </tr>
)};

import React，{Component}来自'React'；
导出默认RecordListDetail=（{details}）=>{
返回(
{details.map（（详细信息，索引）=>
{详细信息}
)}
)};

---

但它不起作用。我做错了什么？

因为

细节

是一个对象而不是数组，所以需要使用类似的方法来获取密钥数组。现在，您可以映射键数组，以及来自详细信息的值：

import React from 'react'; // no need to import Component

export default RecordListDetail = ({ details }) => (
    <tr>
        {Object.keys(details).map((key) =>
            <td key={ key }>
                { details[key] }
            </td>
        )}
    </tr>
);

---

因为

详细信息

是一个对象而不是数组，所以您需要使用类似的方法来获取密钥数组。现在，您可以映射键数组，以及来自详细信息的值：

import React from 'react'; // no need to import Component

export default RecordListDetail = ({ details }) => (
    <tr>
        {Object.keys(details).map((key) =>
            <td key={ key }>
                { details[key] }
            </td>
        )}
    </tr>
);

最后一个问题，在映射时有选择地不显示某些s的最佳方式是什么？这是通过开关还是lodash#省略类型事件实现的？您可以使用数组#过滤器删除某些属性，然后再通过它们的键或值进行映射。非常感谢@OriDrori，作为“最后一点”，其中一些属性将需要格式化为hrefs或可能使用模式等。假设这是一个复杂的问题。我可以用另一个问题来回答这个问题吗？欢迎：）回答一个新问题，包括：原始模型、预期结果以及与该问题相关的当前代码。相关部分非常重要。在最后一个问题中发布的问题在映射时有选择地不显示某些s的最佳方式是什么？这是通过开关还是lodash#省略类型事件实现的？您可以使用数组#过滤器删除某些属性，然后再通过它们的键或值进行映射。非常感谢@OriDrori，作为“最后一点”，其中一些属性将需要格式化为hrefs或可能使用模式等。假设这是一个复杂的问题。我可以用另一个问题来回答这个问题吗？欢迎：）回答一个新问题，包括：原始模型、预期结果以及与该问题相关的当前代码。相关部分非常重要。问题发布在