Мобильная версияУ меня есть компонент Portafolio.js, где я использую функцию карты, чтобы получить каждый объект в файле «trabajos.js», где у меня есть все объекты с его свойствами. Я пытаюсь показать изображение каждому из этих объектов, используя их идентификаторы. Почему-то не работает, проверил маршруты, названия, пробелы и т.д.
Portafolio.js:
импортировать React из 'реагировать' импортировать { trabajos } из './datos/trabajos'; импортируйте {Link} из «реагировать-маршрутизатора-dom»; экспортировать const Portafolio = () => { возвращаться ( { trabajos.map( trabajo => { возвращаться (
{trabajo.categorias {trabajo.nombre} {trabajo.tecnologias ) }) } ) } А вот мой trabajos.js, в котором есть объекты:
export const trabajos = [ { 'id': 'moviehub', 'номбp': 'Киноцентр', 'url': 'https://tonychongng.github.io/moviehub/', 'tecnologias': 'HTML, CSS, JS, REACT', 'categorias': 'Desarrollo Web' }, { 'id': 'список задач', 'nombre': 'Список дел', 'url': 'https://tonychongng.github.io/todo_app/', 'tecnologias': 'HTML, CSS, JS, REACT', 'categorias': 'Desarrollo Web' }, { 'id': 'starbucksclone', 'nombre': 'Клон Starbucks', 'url': 'https://tonychongng.github.io/Starbucks-Clone/', 'технологии': 'HTML, CSS, JS', 'categorias': 'Desarrollo Web' } ]; Как я уже сказал, файл trabajos.js находится в папке public/images/my-images.png, поэтому я считаю, что src="/images" правильный.
Я уже пытался скопировать относительный путь и путь к этим изображениям в src, но все равно не получилось.
Другое, что я пробовал, — это использовать в Portafolio.js следующую строку кода: . Я думал, что это может быть проблемой для функции карты, но эта строка кода по-прежнему не работает.