我有一个我希望用户能够搜索并相应地显示结果的集合。不久之前,我使用易于搜索的软件包来实现这一目标,该软件包使用了大火。
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集合并查询它,显示与用户输入的内容相匹配的结果。