这就是我让它为我工作的方式。我用CSS而不是SCSS或CSS-in-JS显式地做这件事，这样就不会用额外的库或webpack/babel微调来打扰你：

创建一个单独的 markdown-styles.module.css CSS-module文件与您的样式，例如，

.reactMarkDown {
  // some root styles here
.reactMarkDown ul {
  margin-top: 1em;
  margin-bottom: 1em;
  list-style: disc outside none;
.reactMarkDown ul li {
  margin-left: 2em;
  display: list-item;
  text-align: -webkit-match-parent;
// your other styles but all under .reactMarkDown blocks

然后，您可以将其导入到您的组件中，并像您所做的那样使用：

import style from './markdown-styles.module.css';