Обратные пометки в функции, которая вызывается при рендеринге

Question

Что я здесь не так делаю? Я возвращаю return children; в функцию, которая вызывается в render ()

children.push(<img key="`${this.data_images.hits[i].id}`" src="`${this.data_images.hits[i].previewURL}`"/>)

Предупреждение. Обнаружены два дочерних элемента с одинаковым ключом, ${this.data_images.hits[i].id}

И обработанный вывод

<img src="`${this.data_images.hits[i].previewURL}`">

Answer 1

"`${this.data_images.hits[i].id}`"

это простая строка, если вы хотите, чтобы ваш шаблон работал - вам нужно вместо этого удалить qoutation и past {}.

Таким образом, код будет

children.push(<img key={`${this.data_images.hits[i].id}`} src={`${this.data_images.hits[i].previewURL}`}/>)

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Template_literals