react-d3-component在create-react-app中執行

Question

我是新來做出反應的。 通過我的研究，我發現React-D3組件可以滿足我的目的。

我正在尋找一個帶有工具提示和可縮放功能的多系列折線圖的例子。基本的折線圖也會爲我的第一步做出這個訣竅。

我有一個創建反應應用程序，樣板準備就緒。我需要把這個圖表放入一個create-react-app項目中。

請引導我通過一個例子，它一步一步地解釋如何實現這種圖形。

Answer 1

這裏有一些步驟，以做，以使您的應用程序的工作：

1. 配置您的創建反應的應用程序內的鍋爐板的WebPack，並確保你可以不做出反應-D3-組件運行模塊。

2. 找到主頁組件（通常是main.js）嘗試修改一些基本的HTML元素，看看是否可以在熱重載的頁面上看到更改。例如，添加一個H1紅色標籤。

3. 安裝與NPM命令做出反應-D3-組件模塊：

   npm install react-d3-components --save 
   

4. 開始加入陣營-D3-組件到剛剛通過導入模塊修改您的主頁組件：

   import ReactD3 from 'react-d3-components' 
   

5. 按照示例here，在您的主頁中創建圖表組件。

此工作流程適用於任何React模塊以進行測試。