javascript - 将对象作为链接中的参数传递

Question

我正在使用<Link>并试图传递我的 thumb_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> 

使用临时文字的参数

thumb_id 的控制台日志

Answer 1

您可以使用 template literal将变量的值插入到字符串中。

<Link to={`/editvideo/${thumb._id}`}>