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