#javascript #arrays #reactjs
#язык JavaScript #массивы #реагирует на
Вопрос:
Я хочу импортировать все значки из папки значков, а затем найти конкретный значок и отобразить его на экране. Я импортировал все значки с приведенным ниже кодом:
const images = this.importAll(require.context('./icons', false, /.(png|jpe?g|svg)$/)); console.log(images); importAll(r) { return r.keys().map(r); } Ниже приведен скриншот журнала консоли [импортированы все изображения][1]
Теперь, если я хочу найти определенный значок, так как я должен его найти, имя файла изображения неясно, как показано на скриншоте.
const found = images.find(element =gt; element = 'r04d.png'); console.log(found) приведенный выше вывод кода показан ниже:
[вывод найденного][2]
имя файла изображения неясно, как я должен ссылаться на этот файл и использовать его при необходимости, пожалуйста, сообщите. [1]: https://i.stack.imgur.com/qc1ff.png [2]: https://i.stack.imgur.com/hbZbt.png
Комментарии:
1. Я не думаю, что find должен быть const found = images.find(элемент =gt; элемент = ‘r04d.png’); попробуйте элемент == ‘r04d.png’, так как он должен возвращать элемент, если условие истинно, и у вас нет условия в коде
2. Спасибо @metamorph_online за ваше предложение, я попробовал element == ‘r04d.png’ и element === ‘r04d.png», там написано «неопределено», когда я консолирую вывод. Там, где мне нужно иметь условие в моем коде, вы можете предложить?