gatsbyjs, Reactionjs - почему компоненты рендеринга дважды, а изображения не появляются?
Вы не могли итерировать или хранить больше данных, чем длина вашего массива. В этом случае вы можете сделать так:
for (int i = 0; i <= name.length - 1; i++) {
// ....
}
Или это:
for (int i = 0; i < name.length; i++) {
// ...
}
1 ответ
Я не уверен, почему ваша страница загружает двойные компоненты, вы заходите на сайт напрямую или по другому пути?
Если ваше изображение не отображается, вот почему: все в вашей папке src предполагается, что она динамическая, то есть она не будет обслуживаться напрямую. Если вы хотите включить изображение статически, вы можете создать папку public в корневой директории (на том же уровне, что и папка src) и поместить туда изображения. Все в этой папке public будет обслуживаться напрямую. Так, например, у вас может быть такая структура:
|-- src
`-- public
`-- images
`-- logo.png
Затем в вашем коде вы можете включить путь, например
<img src="/images/logo.png" alt="logo" />
Я думаю, для логотипа, как вы используете В этом случае этот метод является достаточным. Однако, если вы всегда будете связывать изображения, подобные этим, вы упустите множество интересных функций Гэтсби. Например, Гэтсби может лениво загрузить ваше изображение или оптимизировать размер файла! Вы можете узнать больше здесь (официальный блог Гэтсби) .