ReactiveSearch 自定義組件和清除過濾器

Question

我根據官方文檔創建了一個自定義 ReactiveComponent： https://docs.appbase.io/docs/reactivesearch/v3/advanced/reactivecomponent/

這工作正常，但是當我使用組件並清除自定義組件的過濾器時，如何更新自定義組件的 ui state？

使用文檔中的示例：清除顏色過濾器時，如何更新 ColorPicker UI state 以反映未選擇顏色？

在文檔中沒有找到與此相關的任何內容。

Answer 1

萬一其他人遇到同樣的問題：如果清除過濾器，則渲染道具包括值 object 設置為 null。 通過這種方式，可以有條件地更新 ColorPicker UI state（或您使用的任何自定義組件）。

Answer 2

如果我明白你需要使用通過渲染道具來的價值。

這是我項目中的一個示例用法

 render={({ data, handleChange, value }) => {
                return (
                  <div
                    role="listbox"
                    aria-label="SpecialCategoryFilter-items"
                    className="list-filter"
                  >
                    {data.map((item) => (
                      <p
                        className="button-large-item"
                        key={item.key}
                        role="option"
                        aria-checked={value[item.key] ? true : false}
                        aria-selected={value[item.key] ? true : false}
                      >
                        <input
                          style={{ display: "none" }}
                          type="checkbox"
                          value={item.key}
                          onChange={(e) => {
                            handleChange(e);
                          }}
                          id={"SpecialCategoryFilter-" + item.key}
                          name={"SpecialCategoryFilter-" + item.key}
                        />
                        <label
                          htmlFor={"SpecialCategoryFilter-" + item.key}
                        >
                          <span>{item.key}</span>
                        </label>
                      </p>
                    ))}
                  </div>
                );
              }}