小编Chr*_*pez的帖子

带有 React 的外部链接

我对 React 完全陌生,我面临着外部链接的问题。我想在每次点击图标时使用它重定向到 GitHub,但实际上新窗口没有显示,而是我有这个 URL:\nhttp://localhost:3000/https://github.com。我不知道为什么它不起作用,因为我的页脚有几乎相同的代码,并且运行良好。如果您有解决方案,我们将不胜感激!非常感谢

\n

Carditem.js

\n
import React from 'react';\nimport { Link } from 'react-router-dom';\nfunction CardItem(props) {\n  return (\n    <>\n      <li className='cards__item'>\n        <Link className='cards__item__link' >\n          <figure className='cards__item__pic-wrap' data-category={props.label}>\n         \n            <img\n              className='cards__item__img'\n              alt='Travel '\n              src={props.src}\n            />\n           \n          </figure>\n          <div className='cards__item__info'>\n            <h5 className='cards__item__text'>{props.text}</h5>\n            <Link \n            class='social-icon-card-github'\n            to={{ pathname: "https://github.com" }}\n            <i class='fab fa-github' /> \n            </Link>\n          \n          </div>\n          \n        </Link>\n      </li>\n    </>\n  );\n}\nexport default CardItem;\n
Run Code Online (Sandbox Code Playgroud)\n

页脚.js

\n
import React from 'react';\nimport './Footer.css';\nimport { Link } from 'react-router-dom';\n\nfunction Footer() {\n …
Run Code Online (Sandbox Code Playgroud)

javascript reactjs react-native

7
推荐指数
2
解决办法
3万
查看次数

标签 统计

javascript ×1

react-native ×1

reactjs ×1