javascript - 使用 ReactJS 重定向到外部链接

Question

我想添加按钮属性，当它被点击时将重定向到外部链接。应该添加到按钮的道具是siteURL.Button 应该在 class = "project-item-details-container" 中。我必须安装任何外部软件包吗？

示例按钮：访问网站

我写的代码 -

  const ProjectItem = props => {
  const {projectDetails} = props
  const {projectId, imageURL, description, title, siteURL} = projectDetails
  return (
    <>
      <li className="project-item-container">
        <img
          className="project-item-image"
          src={imageURL}
          alt={`project-item${projectId}`}
        />
        <div className="project-item-details-container">
          <h1 className="project-item-title">{title}</h1>
          <p className="project-item-description">{description}</p>
        </div>
      </li>
    </>
  )
}

标签： javascriptreactjsreact-routermern

Answer 1

  const ProjectItem = props => {
  const {projectDetails} = props
  const {projectId, imageURL, description, title, siteURL} = projectDetails
  return (
    <>
      <li className="project-item-container">
        <img
          className="project-item-image"
          src={imageURL}
          alt={`project-item${projectId}`}
        />
        <div className="project-item-details-container">
          <h1 className="project-item-title">{title}</h1>
          <p className="project-item-description">{description}</p>
        </div>
        <a href={siteUrl}>{title}</a>
      </li>
    </>
  )
}