Javascript 如何在react组件中打印道具数据？

这是我的反应组件：

import React from 'react';
import { promised } from 'q';

const Trending = (props) => {
    console.log(props.data);


    return (
        <div>
        //code to print

        </div>
    ) 
}

export default Trending;

---

我想在我的html页面中打印所有db_关键字和db_频率。请帮助打印数据。

使用

map

如下：

return (
    <div>
        <ul>
            {props.data.map(({ db_keyword, db_frequency }, index) => <li key={index}>Keyword: {db_keyword}, Frequency: {db_frequency}</li>)}
        </ul>
    </div>
);

返回(

{props.data.map（{db_关键字，db_频率}，索引）=>
关键字：{db_关键字}，频率：{db_频率}
）}

);

使用

映射

循环项目，并返回所需元素，例如

，

等

return (<div>
  <ul>
    props.data.map((item, i) => <li key={i}>{`Keyword: ${item.db_keyword}, Frequency: ${item.db_frequency}`}</li>)
  </ul>
</div>

返回(

props.data.map（（item，i）=>
{`Keyword:${item.db_Keyword}，频率：${item.db_Frequency}}
）

可能重复。另外，。您忘了添加键道具。@julekgwa什么意思？非常感谢大家。@JackBashford代码正在运行。@JackBashford react将抛出

数组或迭代器中的每个子项都应该有一个唯一的“键”道具。

控制台中的警告。一个“键”是创建元素列表时需要包含的特殊字符串属性。键有助于识别哪些项已更改、已添加或已删除。应为数组中的元素指定键，以使元素具有稳定的标识。

return (<div>
  <ul>
    props.data.map((item, i) => <li key={i}>{`Keyword: ${item.db_keyword}, Frequency: ${item.db_frequency}`}</li>)
  </ul>
</div>