使用 props 将链接/网站添加到按钮

IT技术 reactjs
2021-05-20 06:23:37

我正在尝试使用 react.js 获取一个链接到网站的按钮,但我似乎无法弄清楚如何让它工作。从下面的代码中,除了按钮(props.website)之外,一切都完美无缺。当我单击按钮时没有任何react。我究竟做错了什么?

   function Card(props){
    return(
        <MDBCol>
<MDBCard style={{ width: "22rem" }}>
  <MDBCardImage className="img-fluid" src={props.image} waves />
  <MDBCardBody>
    <MDBCardTitle>{props.name}</MDBCardTitle>
    <MDBCardText>
    {props.meaning}
    </MDBCardText>
    <MDBBtn href={props.website} >View Project</MDBBtn>
  </MDBCardBody>
</MDBCard>
</MDBCol> 
    );
}
1个回答

从对上述问题的评论:

它指向 localhost:3000/www.google.com

然后链接实际上是有效的。但是网址不对。您似乎在使用以下网址:

'www.google.com'

但是浏览器无法知道这是另一个网站。从结构上讲,它与以下内容没有什么不同:

'www.index.html'

这是您网站上资源的完全有效名称。

要告诉浏览器这应该转到另一个网站,请包含协议:

'http://www.google.com'

或者至少//在开始时默认为当前页面的任何协议:

'//www.google.com'