为react-d3-cloud添加一些样式

Question

我需要一些react-d3-cloud样式实现的示例。

<WordCloud
ref="olala"
height={this.state.totalHeight}
padding={0}
style={{"background-color":"red"}}
width={this.state.totalWidth}
font={'Impact'}
data={this.renderSize()}
// fontSizeMapper={fontSizeMapper}
rotate={rotate}

/>

Answer 1

如果仅需要背景色，则可以使用以下方法。

 <div
    style={{
      background: "red"
    }}
  >
    <WordCloud
      data={data}
      fontSizeMapper={fontSizeMapper}
      rotate={rotate}
    />
  </div>