如何在渲染器中的React.Js中使链接可点击?如果单击链接,将转到主页。我只想点击链接。 我的代码看起来像这样
<tr>
<td>IPFS Hash # stored on Eth Contract</td>
<td><a href= "#">{"https://gateway.ipfs.io/ipfs/"+this.state.ipfsHash}</a></td>
</tr>
答案 0 :(得分:0)
希望我能理解您的问题,我想您正在寻找的是
<tr>
<td>IPFS Hash # stored on Eth Contract</td>
<td><a href={"https://gateway.ipfs.io/ipfs/"+this.state.ipfsHash}>Click here to go to home page</a></td>
</tr>
答案 1 :(得分:0)
添加点击和重定向的React方法是使用react-router提供的链接-
在组件内部
import {Link} from 'react-router-dom;
class Parent extends React.Component{
render(){
<div><Link to="/home">Click here to go back to home page</Link></div>
}
}
在路由文件中
import React from 'react';
import {BrowserRouter as Router,Switch} from 'react-router-dom;
export class RoutingClass extends React.Component{
render(){
<Router>
<Switch>
<Route exact path="/home" component={Home} />
</Switch>
</Router>
}
}