我正在尝试使用碳设计创建一个反应应用程序。
<HeaderName
element={Link}
to="/campaigns"
prefix=" "
className={["navbar-header", `${path == "/campaigns" ? "selected" : ""}`]}
>
Campaigns
{campaingCount !== 0 ? (
<Tag
filter
onClose={(e) => {
e.stopPropagation();
dispatch(deleteAllCampaign());
}}
title="Clear Filter"
type={undefined}
>
{campaingCount}
</Tag>
) : null}
</HeaderName>
这里 HeaderName 的 'to' 属性将页面路由到一个 url,作为一个子对象,Tag 有自己的关闭按钮,当点击关闭按钮时会触发 'onClose' 事件。
问题:当我点击标签的关闭按钮时,页面再次路由到“/campaigns”,所有状态都被删除,影响业务逻辑。