Переход на другую страницу по нажатию кнопки Войти
Есть две страницы:
/ - главная страница,
/profile – страница профиля
На главной странице есть форма авторизации с логином и паролем. После нажатия кнопки Войти должен происходить переход с главной страницы на страницу с профилем, где в теге h1 должен быть отображен логин. Как это организовать с помощью react? Для хранения / отображения логина, нужно использовать redux, для маршрутизации - react-router.
@WalkMess Как видно из скриншота
все располагается на одной странице (по крайней мере визуально).
Ответы (2 шт):
Ну вобщем-то ты должен вызвать функцию которая будет закидывать по клику твое значение в стор, а поже просто вызвать его но странице логина .
<Link to="/profile">
<Button onClick={setLogin(тут передаешь свой импут)}>Login</Button>
</Link>
const setLogin = (val) => {
props.login(val)
}
export default connect(
(dispatch) => ({
login: (val) => {
dispatch(Тут твой экшен(val));
},
})
)(File Name);
Cделал для вас быстрый пример. https://stackblitz.com/edit/react-vsem7c
Это не конкретно ваше задание, однако, вы можете изменить состояние по кнопке и вызывать dispath(), который передаст данные в store, затем эти данные выводятся в компоненте.
Так же от состояния зависит войдете вы на страницу или нет.
Надеюсь вопросов больше не будет, в этом примере есть все, что вам нужно!