Javascript 在链接中将对象作为参数传递
我正在使用Javascript 在链接中将对象作为参数传递,javascript,reactjs,Javascript,Reactjs,我正在使用并试图将我的拇指id(如果我的控制台日志只是一个字符串值)作为参数传递到我的editvideo页面。我如何做到这一点 代码片段 const { thumbnail, _id } = this.props; return thumbnail.map(thumb => { console.log(thumb._id); return ( <div key={thumb._id} className="row__inner"&g
并试图将我的拇指id
(如果我的控制台日志只是一个字符串值)作为参数传递到我的editvideo
页面。我如何做到这一点
代码片段
const { thumbnail, _id } = this.props;
return thumbnail.map(thumb => {
console.log(thumb._id);
return (
<div key={thumb._id} className="row__inner">
<Link to="/editvideo/:thumb._id">
<div className="tile">
<div className="tile__media">
<img
className="tile__img"
id="thumbnail"
src={thumb.thumbnail}
alt=""
/>
</div>
</div>
</Link>
</div>
const{缩略图,_id}=this.props;
返回缩略图.map(thumb=>{
控制台日志(thumb.\u id);
返回(
使用临时文本的参数
拇指id的控制台日志
您可以使用a在字符串中插入变量的值
<Link to={`/editvideo/${thumb._id}`}>
好的,我试过了,但是thumb\u id
本身被作为参数而不是id传递(我更新了代码并添加了控制台的屏幕截图)@你想从所有链接组件中的道具中获得\id
而不是拇指吗?\id
?我想将其用于特定组件。因此,我的代码几乎会生成缩略图。当我点击它们时,我想将拇指作为参数传递到我的页面链接,这样我就可以获得数据一个特定于id
。我还用thumb\uid.id
控制台日志的屏幕截图更新了我的描述,因为我假设,因为我刚刚console.log
它和它的字符串值是你建议的。我爱你,我没有看到这一点。