如何设置 LoadMoreButton 组件、getstream 的 react-activity-feed 样式？

【问题标题】：How can I style the LoadMoreButton component, getstream's react-activity-feed?如何设置 LoadMoreButton 组件、getstream 的 react-activity-feed 样式？
【发布时间】：2020-08-05 08:04:48
【问题描述】：

我正在使用 getstream 的 react-activity-feed，反应组件使用 Stream 创建活动和通知提要。我想设置LoadMoreButton 组件的样式，它作为LoadMorePaginator 组件的默认道具传递。

为LoadMoreButton 组件设置样式的推荐方法是什么？

【问题讨论】：

标签： css reactjs css-selectors getstream-io

【解决方案1】：

您可以将 .scss 文件导入到您的组件中以覆盖默认的 getstream 组件样式，例如：

.raf-load-more-button {
    padding: 0 8px;

    button {
      margin: {
        right: 0;
        left: 0;
      }
    }
  }

https://github.com/GetStream/stream-chat-react#customizing-styles

【讨论】：