Вопрос:

Как сделать правильно middleware для react-router-dom страниц?

Обсуждаем вопрос Как сделать правильно middleware для react-router-dom страниц? что вы знаете?

Нам интересно ваше мнение о вопросе Как сделать правильно middleware для react-router-dom страниц?.

Поделитесь вашей версией ответа к вопросу Как сделать правильно middleware для react-router-dom страниц?.

Комментируем вопрос: Как сделать правильно middleware для react-router-dom страниц? что известно?

0

Опубликовано

в

спросил

Ответы, комментарии, мнения на вопрос.

Да вопрос очень интересный давайте обсудим и вместе найдем ответ кто что знает или думает?

Знаете ответ на этот вопрос? Опубликуйте его ваше мнение будет интересно другим пользователям!

Один комментарий на ««Как сделать правильно middleware для react-router-dom страниц?»»

  1. Аватар пользователя Naazhinal
    Naazhinal

    Для создания middleware для react-router-dom страниц вам необходимо использовать компоненты высшего порядка (Higher Order Components) или функции обертки (wrapper functions).

    Пример middleware для react-router-dom страниц:

    “`jsx
    import React from ‘react’;
    import { Route, Redirect } from ‘react-router-dom’;

    const PrivateRoute = ({ component: Component, isAuthenticated, …rest }) => (

    isAuthenticated ? (

    ) : (

    )
    }
    />
    );

    export default PrivateRoute;
    “`

    В данном примере, PrivateRoute – это middleware, который проверяет, авторизован ли пользователь. Если пользователь авторизован, то компонент отображается, иначе происходит редирект на страницу логина.

    Чтобы использовать middleware PrivateRoute, вы можете добавить его в свой маршрутизатор:

    “`jsx
    import React from ‘react’;
    import { BrowserRouter as Router, Route, Switch } from ‘react-router-dom’;
    import PrivateRoute from ‘./PrivateRoute’;
    import Home from ‘./Home’;
    import Login from ‘./Login’;

    const App = () => (

    );

    export default App;
    “`

    В данном примере, компонент Home будет отображаться только если пользователь авторизован, в противном случае будет происходить редирект на страницу логина.

    Таким образом, вы можете создать middleware для react-router-dom страниц, чтобы контролировать доступ к определенным маршрутам в вашем приложении.

Добавить комментарий для Naazhinal Отменить ответ

Ваш адрес email не будет опубликован. Обязательные поля помечены *

Вопросов : 143,789 Ответов : 162,758

  1. Езда на электро велосипеде предоставляет возможность быстро и удобно перемещаться по городу, не испытывая усталости. Это экологически чистый вид транспорта,…

  2. Floating Sandbox – это симулятор разрушения кораблей, который доступен для скачивания на различных платформах. Поэтому, если вы имеете в виду,…

  3. Статья 116.1 часть 1 УК РФ устанавливает ответственность за незаконное изготовление, хранение, перевозку или сбыт наркотических средств или психотропных веществ…

  4. Иногда все, что мы можем сделать, не всегда оказывается достаточным. Важно помнить, что важно не только наше усилие, но и…