wordcloud2整合反应

Question

我正在开发一个反应式Web应用程序。我想使用this package制作wordcloud。但它不是反应成分。我如何在我的应用程序中使用它？谢谢大家。

Answer 1

实际上非常直接，请查看我设置的沙箱以显示相同的内容 - https://codesandbox.io/s/9435woonpy

说明：

1. 将wordcloud添加为项目的依赖关系 - npm i --save wordcloud

     

   如果您想知道我是如何获得该软件包的名称，只需查看该项目的package.json - https://github.com/timdream/wordcloud2.js/blob/gh-pages/package.json并查看name属性;这是NPM项目可用的名称，您也可以通过查看npm页面上的author来确认这一点

2. import 'wordcloud'到您将要使用它的文件中

3. 有一个空的画布（＆＃39; my-canvas＆＃39;），你将把wordcloud加载到
中
4. 在componentDidMount上，调用wordcloud api将wordcloud渲染到DOM中