问题描述
我有一个呈现 4 个导航选项卡的组件。 有一个滤色器可以过滤选项卡中显示的颜色。 (作为字符串列表保存)
但是,目前当我从选项卡切换到选项卡时,过滤器默认为空。例如,假设我在选项卡 1 上并向过滤器添加“红色”。当我导航到选项卡 2 时,过滤器再次为空(没有“红色”)。
有没有办法在这个过滤器中保存值(在主要组件中保存为字符串)?以便在我从选项卡导航到选项卡时传递值?
这是我当前代码的粗略草图:
const defaultColorCodes = [] as string[];
const HeadDetails: React.FC<{}> = () => {
const [codes,setCodes] = useQueryParams({
colorCodes: withDefault(ArrayParam,defaultColorCodes),});
return (
<NavigationDrivenTabs>
<NavigationDrivenTab
label="..."
to={`...`}
component={..'passes the string of filters'..}
/>
<NavigationDrivenTab
label="..."
to={`...`}
component={..'passes the string of filters'..}
/>
<NavigationDrivenTab
label="..."
to={`...`}
component={..'passes the string of filters'..}
/>
<NavigationDrivenTab
label="..."
to={`...`}
component={..'passes the string of filters'..}
/>
<NavigationDrivenTab
label="..."
to={`...`}
component={..'passes the string of filters'..}
/>
</NavigationDrivenTabs>
解决方法
暂无找到可以解决该程序问题的有效方法,小编努力寻找整理中!
如果你已经找到好的解决方法,欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@)