让用户选择使用firebase reactjs的排序类型答案

【问题标题】：let the user to choose the type of sorting using firebase reactjs让用户选择使用firebase reactjs的排序类型
【发布时间】：2020-06-14 21:41:43
【问题描述】：

我正在创建一个购物清单网站，我想从那里制作一个下拉菜单，用户可以选择他想要的订购清单类型（按标题 asc 排序，按标题 desc 排序）但在火力基地你只能选择获取数据时的一种类型或排序。例如：

 export default compose(
  connect(mapStateToProps),
  firestoreConnect(() => [
    {
      collection: 'lists',
      orderBy: ['title', 'asc'],
    },
  ])
)(Dashboard);

这是我的代码：

import React from 'react';
import AllLists from '../lists/AllLists';
import {connect} from 'react-redux';
import {compose} from 'redux';
import {firestoreConnect} from 'react-redux-firebase';
import {Redirect} from 'react-router-dom';
import {db} from '../../config/firebaseConfig';
const Dashboard = ({lists, auth}) => {
  let test = db.collection('lists');
  console.log(db);
  if (auth.uid) {
    return (
      <div>
        <AllLists lists={lists} />
      </div>
    );
  } else {
    return <Redirect to='/signin' />;
  }
};
const mapStateToProps = (state) => {
  console.log(state);
  return {
    lists: state.firestore.ordered.lists,
    auth: state.firebase.auth,
  };
};
export default compose(
  connect(mapStateToProps),
  firestoreConnect(() => [
    {
      collection: 'lists',
      orderBy: ['title', 'asc'],
    },
  ])
)(Dashboard);

【问题讨论】：

标签： reactjs firebase redux google-cloud-firestore react-redux

【解决方案1】：

确实，正如您在其他答案here 中所阐明的那样，不能通过一个以上的字段或用户选择的值来查询它。由于 Firestore 查询非常浅，关于可用的功能和如何返回数据的选择，此选项不包含在其选项中。

对您而言，最好的选择是检索您想要的数据，然后，一旦用户选择了他想要的订单类型——asc 或desc，正如您所提到的——您将在客户端订购它。这样，您可以管理用户选择的格式，并使用它与 React 一起订购。

此外，请随时在 Google's Issue Tracker 中提出功能请求，以便他们验证在功能中实现不同排序的可能性。

如果这些信息对您有帮助，请告诉我！

【讨论】：