html - How to use <NavLink> to pass the External URL using props in React

Question

I want to know that is it possible to use to pass external URL using props in ReactJS?

Here is my code

Card.jsx file

 <div className="card-body">
    <h5 className="card-title">{props.title}</h5>
      <p className="card-text">Some quick example text to build on the card title and make up the bulk of the card's content.</p>
       <NavLink to={props.pathname} class="btn btn-primary">Get Somewhere</NavLink>
 </div>

Home.jsx file

                    <div className="row gy-4">
                        {
                            Sdata.map((val,index)=>{
                                return<Card 
                                key={index}
                                imgsrc={val.imgsrc}
                                title={val.title}
                                pathname={val.pathname}
                                />
                            })
                        }
                    </div>

Here is my Sdata.jsx file

const Sdata = [
{
    imgsrc: nodeJS,
    title: "Node JS Website",
    pathname: 'https://www.google.com'
},
];
                

Answer 1

等待大神答复