使用React搜索Meteor集合的最佳方法是什么?

时间:2016-07-03 04:45:39

标签: mongodb meteor reactjs

我有一个我希望用户能够搜索并相应地显示结果的集合。不久之前,我使用易于搜索的软件包来实现这一目标,该软件包使用了大火。

React出现此类问题的最常见方法是什么?人们如何搜索他们的馆藏并相应地显示数据?

我有一本书的组件,其中包含图像,作者,标题等。书籍集合中的每个条目都可以使用此书籍组件来表示,因此我想要对此搜索做什么是允许的用户输入标题,作者姓名或ISBN等,并将匹配的结果显示为这些书籍组件之一。

这是集合:

Books = new Mongo.Collection('books');


BooksSchema = new SimpleSchema({
isbn: {
    type: String,
    label: 'ISBN'
},
title: {
    type: String,
    label: 'Title'
},
author: {
    type: String,
    label: 'Author'
},
condition: {
    type: Number,
    label: 'Condition'
},
conditionNotes: {
    type: String,
    label: 'Condition notes'
},
price: {
    type: Number,
    label: 'Price'
},
images: {
    type: String,
    label: 'Images',
    autoform: {
        afFieldInput: {
            type: 'cloudinary'
        }
    }
},
postedOn: {
    type: Date,
    label: 'Posted on',
    autoValue: function() {
        return new Date();
    },
    autoform: {
        type: 'hidden'
    }
}
});

Book组件只是以一种可呈现的方式呈现标题,isbn,作者,价格等。我还想做的是,有一个组件包含一个搜索栏,可以连接到这个Mongo集合并查询它,显示与用户输入的内容相匹配的结果。

0 个答案:

没有答案