Nano Hash - криптовалюты, майнинг, программирование

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

Что я здесь делаю неправильно? Я возвращаю 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}`">
reactjs backticks
05.04.2020

Ответы:


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

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

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

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

05.04.2020
  • Это конкретно для React? 05.04.2020
  • шаблонные литералы - это функция vanilla js, но ее необходимо выбрать - если вам нужна простая строка, вы используете ' или ", но если вы хотите создать шаблон, используйте - ` 05.04.2020
    • Новые материалы
    Кластеризация: более глубокий взгляд
    Кластеризация — это метод обучения без учителя, в котором мы пытаемся найти группы в наборе данных на основе некоторых известных или неизвестных свойств, которые могут существовать. Независимо от..
    Как написать эффективное резюме
    Предложения по дизайну и макету, чтобы представить себя профессионально Вам не позвонили на собеседование после того, как вы несколько раз подали заявку на работу своей мечты? У вас может..
    Частный метод Python: улучшение инкапсуляции и безопасности
    Введение Python — универсальный и мощный язык программирования, известный своей простотой и удобством использования. Одной из ключевых особенностей, отличающих Python от других языков, является..
    Как я автоматизирую тестирование с помощью Jest
    Шутка для победы, когда дело касается автоматизации тестирования Одной очень важной частью разработки программного обеспечения является автоматизация тестирования, поскольку она создает..
    Работа с векторными символическими архитектурами, часть 4 (искусственный интеллект)
    Hyperseed: неконтролируемое обучение с векторными символическими архитектурами (arXiv) Автор: Евгений Осипов , Сачин Кахавала , Диланта Хапутантри , Тимал Кемпития , Дасвин Де Сильва ,..
    Понимание расстояния Вассерштейна: мощная метрика в машинном обучении
    В обширной области машинного обучения часто возникает необходимость сравнивать и измерять различия между распределениями вероятностей. Традиционные метрики расстояния, такие как евклидово..
    Обеспечение масштабируемости LLM: облачный анализ с помощью AWS Fargate и Copilot
    В динамичной области искусственного интеллекта все большее распространение получают модели больших языков (LLM). Они жизненно важны для различных приложений, таких как интеллектуальные..