javascript - React 中的对象

Question

const sun_descr = document.getElementById("sun_descr");
const merc_descr = document.getElementById("merc_descr");
const venus_descr = document.getElementById("venus_descr");         

ReactDOM.render(<Planet name="Sun" desctiption="the star..."/>, sun_descr);   
ReactDOM.render(<Planet name="Mercury" desctiption="the smallest..."/>, merc_descr);            
ReactDOM.render(<Planet name="Venus" desctiption="the second..."/>, venus_descr);

我想通过替换来简化这个字符串，例如，对象的元素 Sun 和 sun_descr

var planets = {
                Sun: sun_descr,
                Mercury: merc_descr,
                Venus: venus_descr
            };

在 React 中如何访问键和值？

https://jsfiddle.net/Nata_Hamster/zg3mj40k/

标签： javascriptreactjsobject

Answer 1

您可以简单地使用 . 访问对象 console.log(obj.key) 的操作员

在数组的情况下

let arr = [{key : value},{key : value}];

然后您可以使用 forEach,map 函数根据您的需要进行反应