reactjs - 如何在 React JS 的文本中使单词可点击

标签 reactjs

我试图让人们通过点击我的文本中间的“Twitter”或“Discord”来关注我的 Twitter 和 Discord。下面我该怎么做?

<p className="leading-[1.8] md:leading-[1.8] text-base md:text-xl max-w-[700px] my-9 font-secondary">
    Follow
    us on Twitter or join us in Discord to receive all pertinent news as it happens.{' '}
  </p>

提前致谢!

最佳答案

嵌套时可以尝试使用span。一点额外的东西,以便在单击时在单独的选项卡上打开。

<span> <a href="yourtwitter" target="_blank" 
rel="noreferrer"> @yourTwitter </a> </span>

关于reactjs - 如何在 React JS 的文本中使单词可点击,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/73980752/

相关文章:

javascript - React Contenteditable - 如何将 onClick 分配给react-contenteditable 中的 <span> ?

javascript - 使用上下文 API 进行身份验证,不断重定向到登录页面

javascript - 单元测试 React 点击外部组件

javascript - 在 ReactJs 应用程序中处理 onChange

reactjs - react Js : export problems '(possible exports: default)'

java - Spring boot React js 上传文件

javascript - 我如何在 React 中深度克隆一个对象?

javascript - 如何从父组件打开或关闭 reactstrap 模态

javascript - 当路线改变时 react 获取数据

javascript - React Hooks 和 POST 方法