私はJSを初めて利用しています。私はES6でいくつかのReact.jsコードを読みました。とても清潔です。私はReact.jsをWebアプリケーションに使用し、そのワークフローに従いたいと思います。アプリの一部にチャートを表示します。私はd3.jsを見ています。しかし、ES6でどのようにd3を使うことができるのか分かりません。これまでに私が見つけたすべての例は、ES6にはありません。どのように書いたり変換したりするのですか? http://bl.ocks.org/erichoco/6694616と似たようなものを探しています。ありがとう!React in ES6を使用してインタラクティブな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/#/
作品。 また、彼らにはバーベル用の指示があります
関連する問題
- 1. ES6を使用してReactコンポーネントに引数を渡す
- 2. SetState in React ES6
- 3. Reactを使用して対話型SVGコンポーネントを作成する
- 4. 別のコンポーネントで使用されているES6を使用してReact JSで共通ヘルパークラスを作成する方法はありますか?
- 5. ES6で単一ファイルのVueコンポーネントを作成する方法は?
- 6. D3ライブラリを使用してレスポンシブなキャンバスアニメーションを作成する方法
- 7. React Nativeを使用してマルチスクリーンアプリケーションを作成する方法
- 8. reactプロパティとes6テンプレート機能を使用して文字列を作成する
- 9. React Native - 他のコンポーネントの上にコンポーネントを作成してレンダリングする方法
- 10. LaravelとVue Jsを使用してカスタムページ作成コンポーネントを作成する方法
- 11. State null in ES6構文を使用したReactネイティブ
- 12. ES6を定義する2つの方法Reactコンポーネント
- 13. JSONを使用してインタラクティブなBackbone.jsアプリケーションをパワーアップする方法
- 14. Rails5アプリケーションでd3.jsを使用して棒グラフを作成する方法
- 15. d3.jsとcrossfilterデータを使用してヒストグラムを作成する方法は?
- 16. React ES6 | refを介して子コンポーネント関数にアクセスする方法
- 17. React/ES6 - >他のコンポーネントからReactコンポーネントクラスメソッドを呼び出す方法は?
- 18. サーバーサイドレンダリングのためのすべてのReact ES6コンポーネントのルーティング方法
- 19. ネイティブ・ノード・モジュールをReact、ES6、Electron App上で使用する方法
- 20. d3を使用してスイムレーンチャートを作成
- 21. 静的コンポーネントを作成してReactで共有する方法は?
- 22. Modular ES6でD3を使用する
- 23. ES6で `new Function()`インターフェースを使用してiterable `function *(){}を作成する方法
- 24. D3.jsヒートマップ:D3を使用して入れ子になったjsonからヒートマップを作成する方法
- 25. NativeScriptを使用して複雑なUIコンポーネント(ex-seatmap)を作成する方法
- 26. オプションの引数を使ってインタラクティブなelisp関数を作成する方法
- 27. カルマをBrowserifyで設定してReact(ES6)コンポーネントをテストする
- 28. javascriptを使ってインタラクティブなPDFファイルを作成するには?
- 29. d3.v4のJSONデータを使用してツリーレイアウトを作成する方法 - stratify()を使用しない場合
- 30. インタラクティブなBokehヒストグラムの作成方法