在React应用程序中映射函数bot返回标记

Question

我正在处理一个React应用程序，现在我正在映射一个对象并尝试为每次迭代返回一个组件。目前我可以映射对象和控制台记录每次迭代的对象。但是出于某些原因，当我尝试返回我的组件（或者甚至只是简单的标记）时，浏览器中没有显示任何内容。

目前我正在使用这样的对象：

function exportToPdf()
{
  $('#exportToPdf').on('click', function(e)
  {
    var ref = $(this).attr('data-ref');

    $.get("/to-pdf/"+encodeURIComponent(ref), function(data)
    {
      var doc = new jsPDF();
      doc.text(data, 10, 10);
      doc.save('a4.pdf');
    });
  });
}

这也行不通，所以我知道它不是我的组件：

<ul>
     {Object.keys(weatherData).map(item => <ListItem item={weatherData[slug(item)]} key={slug(item)} clickAction={updateDisplay} />)}
</ul>

有没有人知道为什么会这样？只有在这张地图中，我的标记才起作用！

这就是location对象的样子：

<ul>
     {Object.keys(weatherData).map(item => <p>Hello</p>)}
</ul>

所以weatherData看起来像这样 { Managua: {country: "Nicaragua", capital: "Managua", type: "countryCapital", weatherData: Object}, Wellington: {country: "New Zealand", capital: "Wellington", type: "countryCapital", weatherData: Object} }