Переопределить или удалить встроенные стили в Reactivesearch v2

Question

Я использую ReactiveList оказывать результаты. Каков наилучший способ переопределить встроенные стили по умолчанию? Оптимально удалить все стили по умолчанию, предоставляемые Reactivesearch (2.13.0).

Например, как удалить эти стили по умолчанию, предоставляемые sortOptions в /packages/web/src/styles/result.js:

const sortOptions = css'
  color: #424242;
  height: 32px;
  font-size: 0.82rem;
  padding: 0 25px 0 10px;
  background: url(base64....) no-repeat 95% 50%;
  background-color: #fff;
  -moz-appearance: none;
  -webkit-appearance: none;
  appearance: none;
  -webkit-border-radius: 0;
  border-radius: 0;
  border: 0;
  outline: 1px solid #ddd;
  outline-offset: -1px;
';

Answer 1

Я думаю, что внутренние классы пока являются единственным способом слияния стиля. В вашем случае innerClass имя будет sortOptions,

Пожалуйста, проверьте документы https://opensource.appbase.io/reactive-manual/result-components/reactivelist.html

Другая альтернатива для использования пользовательского рендерера, мы можем иметь функции рендеринга для каждого маленького компонента.

Каждая библиотека пользовательского интерфейса имеет свой стиль по умолчанию, цель состоит в том, чтобы повторно использовать компоненты с минимальными усилиями, то есть можно легко расширить и переопределить существующие стили.

Если вам нужен полный контроль над вашими компонентами пользовательского интерфейса, я предложу настраиваемые функции рендеринга, а не innerClass.