如何在react组件中打印props数据？

Question

这是我的反应组件：

\n\n

import React from \'react\';\nimport { promised } from \'q\';\n\nconst Trending = (props) => {\n    console.log(props.data);\n\n\n    return (\n        <div>\n        //code to print\n\n        </div>\n    ) \n}\n\nexport default Trending;\n

\n\n

我正在控制台日志中获取数据。

\n\n

(10) [{\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}, {\xe2\x80\xa6}]\n0:\ndb_frequency: 17\ndb_keyword: "modi"\n__proto__: Object\n1: {db_keyword: "gandhi", db_frequency: 14}\n2: {db_keyword: "ipl", db_frequency: 10}\n3: {db_keyword: "election", db_frequency: 18}\n4: {db_keyword: "vote", db_frequency: 7}\n5: {db_keyword: "upsc", db_frequency: 11}\n6: {db_keyword: "dhoni", db_frequency: 6}\n7: {db_keyword: "ranveer", db_frequency: 7}\n8: {db_keyword: "pollution", db_frequency: 2}\n9: {db_keyword: "unemployment", db_frequency: 1}\nlength: 10\n__proto__: Array(0)\n

\n\n

我想打印 html 页面中的所有 db_keyword 和 db_Frequency 。请帮忙打印数据。

\n

Answer 1

map像这样使用：

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