时间戳

首页 > 解决方案 > React 子对象点击效果父的点击

javascript - React 子对象点击效果父的点击

问题描述

我正在尝试使用碳设计创建一个反应应用程序。

        <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”，所有状态都被删除，影响业务逻辑。

标签： javascriptreactjscarbon-design-system

解决方案

推荐阅读