我是JS新手。我已經閱讀了ES6中的一些React.js代碼。它非常乾淨。我想爲網絡應用使用React.js,並按照他們的工作流程進行操作。部分應用顯示圖表。我在看d3.js。但我不知道如何在ES6中使用d3。我目前發現的所有例子都不在ES6中。我如何編寫/轉換一個?希望使用類似http://bl.ocks.org/erichoco/6694616的東西。謝謝!如何在ES6中使用React編寫交互式d3組件?
1
A
回答
0
這裏有一個非常簡單的方法 - 這是沒有考慮預加載,獲取數據等 - 所有在那裏的JavaScript可以卡在render()方法,以便它在render()時間執行或可用在一些DOM元素上像一個按鈕。
這傢伙說,好了很多,並有真棒例子:https://github.com/freddyrangel/playing-with-react-and-d3
希望幫助!
1
檢查https://github.com/uber/react-vis - D3的一個很好的ReactJS包裝。
文檔:http://uber.github.io/react-vis/#/
工程與創建反應的應用程序內開箱。 而且他們也有babel的說明
相關問題
- 1. 如何在es6中編寫子組件(子組件)?
- 2. React中的子組件ES6
- 3. React D3:如何在同一張圖表中使用react-d3-tooltip和react-d3-zoom?
- 4. d3 v4 + react + es6 + crossfilter:Selection.exit()。remove()不起作用
- 5. React-Native:如何使對話識別觸摸組件爲交互式?
- 6. 如何在用戶交互中使用React render()更新UI?
- 7. 在Jest測試中模擬用戶與React組件的交互
- 8. 用d3製作交互式散點圖?
- 9. React/ES6 - >如何從另一個組件調用React組件類方法?
- 10. d3.js交互式分組條形圖交替旋轉
- 11. 如何在React es6組件中定義靜態?
- 12. 如何在React組件中使用BEM手寫筆?
- 13. 如何初始化使用es6的react-native中的數組?
- 14. React + Styled組件:如何使用嵌套標籤編寫啞組件?
- 15. 在模塊化ES6中使用D3
- 16. Java Swing中的交互式組件
- 17. 如何爲Mac OS X Lion編寫交互式壁紙
- 18. 如何使DXF文件以編程方式交互?
- 19. 如何使用webpack將基於ES6的React組件捆綁並保留在ES6中?
- 20. Openshift:如何編輯SCC非交互式?
- 21. 使用ES6在React中映射對象中的數組
- 22. Angular2,如何使用@host上ES6組件
- 23. 在ES6 Express中渲染React組件與Browserify/Babel不起作用
- 24. 在pythonbrew中使用交互式python
- 25. ES6編寫和ES5編譯如何使最終用戶受益?
- 26. d3.js:如何解決我的交互式餅圖?
- 27. aframe-react;編寫新的組件錯誤
- 28. 在html中使用d3構建交互式網絡(click-expand-click-collapse)
- 29. 圍繞React組件包裝ES6模塊
- 30. ES6 React JS方法日曆組件