将对象作为参数传递给链接

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