React中如何给文本的指定部分绑定跳转URL链接？

你可以直接把原有的纯文本拆分成多个节点，将需要跳转的page部分替换为链接元素即可，需要用React Fragment（<></>）包裹同层级的多个节点，避免生成多余的DOM容器。

场景1：跳转外部URL #

用原生<a>标签实现：

{ abc ? <Random /> : (
  <>
    Go to this <a href="替换为你的目标URL">page</a>.
  </>
)}

如果需要新窗口打开，给<a>标签加target="_blank" rel="noopener noreferrer"属性即可。

场景2：项目内路由跳转 #

如果你用的是React Router做路由管理，用Link组件实现：

// 顶部先引入Link组件
import { Link } from 'react-router-dom';

// 组件内业务代码
{ abc ? <Random /> : (
  <>
    Go to this <Link to="替换为你的项目内路由路径">page</Link>.
  </>
)}

内容的提问来源于stack exchange，提问作者Jonty Sachdeva