web-dev-qa-db-fra.com

Comment rendre un lien cliquable dans React.Js à l'intérieur du rendu?

Comment rendre un lien cliquable dans React.Js à l'intérieur du rendu? Si je clique sur le lien, il accède à la page d'accueil. Je veux suivre le lien uniquement. mon code ressemble à ceci

              <tr>
                <td>IPFS Hash # stored on Eth Contract</td>

                <td><a href= "#">{"https://gateway.ipfs.io/ipfs/"+this.state.ipfsHash}</a></td>
              </tr>
htmlreactjsrender
4
shantanu rahut

J'espère avoir compris votre question, je pense que ce que vous cherchez c'est

  <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
Morhaf Shamia

La manière React d'ajouter un clic et de rediriger consiste à utiliser le lien fourni par le react-router-

À l'intérieur du composant

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>
    } 
}

Dans le fichier d'itinéraire

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>
    }
}
0
Erick