Блог

Главная - Вопросы по программированию - Next.js не могу использовать динамический URL-адрес изображения

Next.js не могу использовать динамический URL-адрес изображения

#reactjs #next.js

#reactjs #next.js

Вопрос:

Я пытаюсь назначить src изображения, которое я получаю из api :

         {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}"/> // На самом деле не преобразован

Как загрузить мое динамическое изображение?

Ответ №1:

Просто удалите круглые скобки:

 <img src={item.thumbnail} />