时间戳

首页 > 解决方案 > 如何在 React 中部分应用链接或标签？

html - 如何在 React 中部分应用链接或标签？

问题描述

我想像这样停用儿童容器中的链接。

<Link to="/somewhere">
<div>
activate Link

<div>
deactivate Link
</div>

activate Link
</div>
</Link>

那可能吗？

更具体地说，我在容器内有单选按钮。每次我点击按钮，页面都会改变。当我按下按钮时，我想修复它以不更改页面。

提前致谢。

标签： htmlreactjsreact-routerreact-router-dom

解决方案

您可以将您<Link>的自定义 HOC 包装在内部并有条件地渲染它，如下所示：

const LinkHOC = (props) => {
    if (props.active) return (
        <Link to={props.to}>{props.text}</Link>
    );

    return (
        <span>{props.text></span>
    );
}

并像这样使用它：<LinkHOC to='/path' text='Redirect' active={true} /}

推荐阅读