Javascript 使用挂钩过滤多个JSON请求

Javascript 使用挂钩过滤多个JSON请求,javascript,json,reactjs,cloudinary,Javascript,Json,Reactjs,Cloudinary,我正在尝试制作一个组合了多个过滤器的过滤器。 用户可以选择例如“大/不大”和“重/不重” 每个过滤器加载一个JSON文件。但是,我想结合这些JSON结果,假设我想要大的和重的,我想显示重的和大的结果 我想我必须..onClick={将json添加到主数组}->只保留重复项->返回只包含重复项的json const Filters = ({doorHook}) => { const { setMainDoorList, select, setSelect } = doorHook;

我正在尝试制作一个组合了多个过滤器的过滤器。 用户可以选择例如“大/不大”和“重/不重” 每个过滤器加载一个JSON文件。但是,我想结合这些JSON结果,假设我想要大的和重的,我想显示重的和大的结果

我想我必须..onClick={将json添加到主数组}->只保留重复项->返回只包含重复项的json

const Filters = ({doorHook}) => {
  const { setMainDoorList, select, setSelect } = doorHook;
  }
  const handleSelectChange = event => {
    const value = event.target.value;
    setSelect(value);
    setMainDoorList(value);
  };
  return (
    <Wrapper>
      <Item active={select === "big"}>
        <RadioButton
          type="radio"
          name="radio"
          value="main"
          checked={select === "big"}
          onChange={event => handleSelectChange(event)}
          />
        <RadioButtonLabel />
        <div>Big</div>
      </Item>
      <Item active={select === "heavy"}>
        <RadioButton
          type="radio"
          name="radio"
          value="heavy"
          checked={select === "heavy"}
          onChange={event => handleSelectChange(event)}
          />
        <RadioButtonLabel />
        <div>Heavy</div>
      </Item>
    </Wrapper>
  );
};

export {Filters};
这是JSON的一个示例:

{"resources":[
{"public_id":"swedoor_debussy/Classic_Debussy_NCS_S_4050"},{"public_id":"swedoor_debussy/Classic_Debussy_NCS_S_7000"} 
}

如果您正在使用Cloudinary并尝试查找重复项。您可能希望使用以下阶段:

{"resources":[
{"public_id":"swedoor_debussy/Classic_Debussy_NCS_S_4050"},{"public_id":"swedoor_debussy/Classic_Debussy_NCS_S_7000"} 
}