以react和JavaScript获取正确格式的数据

Question

我正在尝试在react javascript中制作wordCloud，但是在以正确的格式获取数据时遇到了一些困难。数据应如下所示：

<KeywordCloud data={[
    {
      text: 'Pick',
      value: 20,
      font: 'impact',
      …
    },
    {
      text: 'Hello',
      value: 40,
      font: 'impact',
      …
    },
    {
      text: 'Package',
      value: 80,
      font: 'impact',
      …
    },
    …
  ]} /> 

..但我有所有要在列表中使用的文字

let books = [...this.props.searchResult];
book.title 

如何获得正确的格式？当我尝试使用books.map（book =>时，会为每本书创建一个不同的wordCloud。

我正在尝试在react javascript中制作wordCloud，但是在以正确的格式获取数据时遇到了一些困难。数据应如下所示：

Answer 1

每次将数据推送到列表时，它都会重新渲染应用程序，尝试将返回值和渲染函数中的逻辑分开，类似这样