javascript - React サブオブジェクトのクリックが親のクリックに影響する

Question

カーボン デザインを使用して反応アプリを作成しようとしています。

        <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 にルーティングします。タグには独自の閉じるボタンがあり、閉じるボタンがクリックされると「onClose」イベントがトリガーされます。

問題: タグの閉じるボタンをクリックすると、ページが再び「/campaigns」にルーティングされ、すべての状態が削除され、ビジネス ロジックに影響します。