Javascript 使用css模块将类应用于react应用程序中的d3图表

环顾四周，我不得不问这个问题。我一直在react应用程序中使用css模块。我决定使用d3组件。然而，经过大量研究，我仍然无法找到将css类加载到d3应用程序的方法。以下是我的目录容器：

app/containers/Chart
├── ChartContainer.js
├── flare.js
└── styles.css

我的css模块

style.css

如下所示：

.reset{
    border: none;
    background: transparent;
    color: #d0021b;
    display: block;
    width: 100%;
    text-align: center;
}

.reset:hover {
    cursor: pointer;
}

.node circle {
    fill: #fff;
    stroke: steelblue;
    stroke-width: 1px;
}

.node text {
    font: 14px sans-serif;
}

.link {
    fill: none;
    stroke: #ccc;
    stroke-width: 1px;
}

ChartContainer.js

具有呈现d3图表的所有逻辑。它主要类似于以下示例：

我不知道该如何进行。最糟糕的情况是，我想我可能只是在我的

index.js

文件上导入css。然而，对我来说，这似乎是一种愚蠢的方式

---

如果他们找到了这个问题的解决方案，你能帮我吗？

你可以为d3做类似的事情

import '!style-loader!css-loader!./styles.css';

或者，您也可以像这样加载css模块，但可能是在d3刷新时需要重新加载样式。（这取决于d3如何加载到react中，例如）

import sty from./styles.css'
//内部渲染

import sty from './styles.css'    
//inside render
<svg className={[sty.reset,sty.node].join(' ')}>
</svg>