覆盖基础React组件

Question

我正在使用现有的React组件（即Paginate），它本身使用了一些组件（即Button）。目前，Button组件将其类设置为“X”，该类在css文件中定义。当我使用Paginate组件时，我想覆盖'X'的属性。有没有办法可以做到这一点？

Answer 1

我没有使用过反应，但你是否可以在paginate组件周围粘贴一个父div并将css引用为.parent .x {attributes}？

或者，你可以提供你自己的反应样式之后加载的过载CSS文件。

.parent .x {
  /* news styles */
}

<div class="parent">
  <div class="paginate">
    <div class="x"> x </div>
  </div>
</div>