多重选择选项返回React中两个选择的结果

时间:2019-04-10 17:43:54

标签: javascript node.js reactjs react-router

首先,我是编码的新手,所以我的条款可能很糟糕,但是我在React中设置了一个多选框,其中每个选项都设置为过滤一些数据。我遇到的问题是选择我的任何过滤器都会导致同时应用每个过滤器。

这是用于过滤掉一些视频,允许应用多个过滤器。

using TWrapper = TestsWrapper<base1<1>, base1<2>, base2<1>, base2<2>>;

template <typename T>
class test : public ::testing::Test {};

TYPED_TEST_CASE(test, TWrapper::Types);

TYPED_TEST(test, testname)
{
   constexpr auto idx = TWrapper::getIdx<TypeParam>();
   ...
}

我的选择框选项为class FilterItems extends React.Component { FilterUnsafeItemBy(item){ var unsafeLibrary = /(^z$|^cars$|trucks|restricted|various|stuff|special|other|misc|\(some\))/i; var unsafeLibrarySpecific = [7066,16517]; var unsafeServerIds = [2423,3062]; return (( item ) && this.props.isMovie && (item.library.lib_title.match(unsafeLibrary) || unsafeLibrarySpecific.includes(item.library._id) || unsafeServerIds.includes(item.server._id))); } FilterUHDItemBy(item){ var nonUHDresolutions = ["1080","720","480","sd","576"]; return (( item ) && this.props.isMovie && (nonUHDresolutions.includes(this.props.item.vid_resolution))) } render() { if (this.props.isMovie){ return( <> { ((this.props.safeSearch && this.FilterUnsafeItemBy(this.props.item)) || (this.props.UHDSearch && this.FilterUHDItemBy(this.props.item)) ) ? ( <></> ) : ( <VideoItem item={this.props.item} index={this.props.index} size={this.props.size}/> ) } </> ) } else { return ( <div>{this.props.item._id.vid_grandparent_title}</div> ) } } } UHDSearch 因此,我希望可以根据选择框中选择的内容来设置这两个选项,并根据需要选择两者。

要使我的选择框仅应用所选的选项而不应用每个选项,我需要做什么? IE:这些:

safesearch

0 个答案:

没有答案