Question

我有一个页面，其中显示了文档列表。

代码如下。

componentWillMount() {
    let obj = {
      pageNumber: 1,
      perPage: 10,
    };
    this.props.getDocumentsList(obj);
  }

减速器如下。

case helpers.actionTypeSuccess(types.ACTION_DOCUMENTS_LIST):
      return {
        ...state,
        documentsList: action.result.data.response.documents,
        documentCount: action.result.data.response.documentCount
      };

this.props.documentsList 包含 ALL 文档的列表，它们显示在页面上。

现在我在另一个视图上有一个下拉菜单，其中仅显示少量文档。我使用了相同的api，并传递了一个额外的参数，以便响应仅包含经过过滤的文档。

现在的问题是，由于 this.props.documentsList 保留过滤的文档响应，因此列表页面仅显示过滤的文档。

我想在列表页面中显示所有文档，并在下拉列表中显示经过筛选的文档。关于如何解决此问题的任何想法？

Reactjs-在不同的页面上使用具有不同值的相同reducer

0 个答案: