Next.js 无法使用动态图片 url

Question

我正在尝试分配从 api 获得的图像 src：

        {articles.items.map((item, key) => (
            <div class="col-lg-4">
                <div class="blog-card">
                <img src="{item.thumbnail}"/> // here
                <h2>{item.title}</h2>
          
        <p dangerouslySetInnerHTML={{__html: ' ' + item.description.slice(0,450) + '...'}}></p>
        <div>
        {item.categories.map((tag, key) => (
        <span className="tag">{tag}</span>
              ))}

但是我在我的 html 中得到了这个：

<img src="{item.thumbnail}"/> // 没有真正转换

如何加载我的动态图片？

Answer 1

只需去掉括号：

<img src={item.thumbnail} />