React JS中如何让文本内指定单词（如Twitter）可点击？

直接用 <a> 标签包裹「Twitter」和「Discord」文本，设置对应的跳转链接即可，同时添加target="_blank"让链接在新窗口打开，配合rel="noopener noreferrer"符合安全规范：

<p className="leading-[1.8] md:leading-[1.8] text-base md:text-xl max-w-[700px] my-9 font-secondary">
  Follow us on <a href="你的Twitter主页链接" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline">Twitter</a> or join us in <a href="你的Discord社群邀请链接" target="_blank" rel="noopener noreferrer" className="text-blue-500 underline">Discord</a> to receive all pertinent news as it happens.
</p>

关键修改说明： #

• 用原生<a>标签包裹需要点击的关键词，通过href指定跳转地址
• target="_blank"确保链接在新浏览器窗口/标签页打开，不影响当前页面
• rel="noopener noreferrer"是现代浏览器的安全要求，防止新页面通过window.opener获取当前页面的控制权
• 可以通过className给链接添加样式（比如示例里的蓝色下划线），让用户更容易识别这是可点击的链接

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