Блог

Я работаю над приложением, в котором использую React и Redux. У меня возникли проблемы с тем, чтобы понять, как заполнить информацию на одной из страниц моего приложения с помощью Redux (что было моей целью), поэтому вместо этого я узнал, как это сделать, используя URL-адрес. Так что мой вопрос в том, все ли в порядке? Приведет ли это в конечном итоге к ошибкам в моем коде в будущем?

Вот пример страницы, на которую я ссылался:

 const MovementPage = () => {
    const classes = useStyles();
    const location = useLocation();
    const pathArray = location.pathname.split('/');
    const movementNameURL = (pathArray[2]);
    const notFound = () => {
        if (movementNameURL === undefined) {
            return (
                <div className={classes.notFound} >
                     Movement not found. Click Home button to return to Home Page.
                </div>
            )
        }

        return <PercentChart />
    };


    return (
        <div>
            <Header title={movementNameURL} />
            {notFound()}
        </div>
    );
};

 export default (MovementPage);
 

Да, это может беспокоить вас в будущем, когда приложение вырастет. Так что будет лучше, если вы сможете использовать react-router для этого URL-адреса. В принципе, вы можете использовать этот пакет для полной обработки навигации приложений. Это действительно легко настроить. Для этого вы можете обратиться к этой документации.

https://reactrouter.com/core/guides/quick-start