Как бы я отображал загруженные фотографии, как стопку карточек в response.js?

Question

На моем веб-сайте пользователь может загрузить фотографию, и эта фотография отображается в браузере (та, которая предоставлена).

Как мне сделать так, чтобы, когда другие пользователи входили в систему и загружали фотографии, другие пользователи, которые решили войти позже, могли видеть и эту фотографию, но их единственным средством навигации по фотографиям является, скажем, next и previous нажатие кнопки.

Другими словами: как бы я отображал загруженные фотографии как стопку карточек?

const redirectToStackAfterPhotoSubmit = this.state.redirectToStackAfterPhotoSubmit;
    const { url } = this.state;

    if (redirectToStackAfterPhotoSubmit) {
        return (
            <Stack
                imagesOnStack={url || 'http://via.placeholder.com/400x300'}
                alt="Uploaded Images"
                height="300"
                Width="400"
            />
        );
    }

Есть ли какие-либо ресурсы в Интернете, которые я не видел? Я пытался найти его, но я не мог найти ответ серебряной пули.

Answer 1

How do I make it so that when other users login and upload photos, then other users who decide to log in later on can see that photo as well but their only means of navigating through the photos is with a, say, next and previous button click.

Чтобы сделать что-то подобное, вам нужно построить гораздо больше, чем просто React-сторону.React существует для того, чтобы просто обрабатывать рендеринг / создание контента, который можно увидеть при использовании (The Front-end).

Вам нужно будет разобраться в создании приложения с полным стеком (стек MERN).

MongoDB - база данных для хранения указанных изображений и извлечения их.Express - для маршрутизации для извлечения указанных изображений. React - для просмотра упомянутых изображений и их взаимодействия с ними.Узел - для сервера, который все это соединяет.