может, return надо написать?

Поправка, роутеры хранятся в массиве: { path: '/signin', component: SignIn }, { path: '/signup', component: SignUp },

Поправка, роутеры хранятся в массиве: { path: '/signin', component: SignIn }, { path: '/signup', component: SignUp },

так а что такое onEnter?

Подскажите, как такое окно создать на RN?

https://i.stack.imgur.com/ACnj6.jpg

так а что такое onEnter?

Точно не знаю, но это защищенный роутер. Делаю по инструкции, но там более поздняя версия react-router.

Решил react-native-modal-picker юзать, какой-то дешевый вариант

документация, в соответствии с которой ты это делаешь соответствует версии установленного пакета?

Да, просто знаю что на logout это не соответсвтует. Хочу узнать как это можно сделать под мою версию. Если простыми словами, то нужно по ссылке logout удалить токен и перенаправить на '/'.

А как догадаться, какая у тебя версия?

https://reacttraining.com/react-router/web/example/auth-workflow вот это не помагает?

v4

ну ковыряюсь

Давай вместе поковыряем?

На статическом сайте реакт роутер при перезагрузке не главной страницы выдаёт 404

Вопрос для роутера нужен сервер?

Вопрос для роутера нужен сервер?

нет

https://microsoft.github.io/reactxp/blog/2017/04/06/introducing-reactxp.html

сначала typescript, теперь вот это...

На статическом сайте реакт роутер при перезагрузке не главной страницы выдаёт 404

это исправляется переадресацией всех запросов на index.html настройками сервера, если я правильно понял

сначала typescript, теперь вот это...

да это даже разные виды спорта)

на rxp они предлагают писать в ts\tsx. не то чтоб я против, но со стороны ms выглядит как протаскивание своего казино с блекджеком и танцовщицами

на счет react router, а возможно что роут приходит с сервера? как быть тогда?

на rxp они предлагают писать в ts\tsx. не то чтоб я против, но со стороны ms выглядит как протаскивание своего казино с блекджеком и танцовщицами

так и есть, но можно не писать на tsx, это не ангулар же где без ts не чихнешь

на счет react router, а возможно что роут приходит с сервера? как быть тогда?

возможно, но готовые решения сырые

Другими словами, готовых решений этой задачи для router 4 нет

browserHistory работает тока с сервером? Если я ввожу site.io/аbout то он отравляет запрос на сервер. А так как у меня тока index и никакого about нет мне даёт ошибку

Как это решается на статическом сайте?

browserHistory работает тока с сервером? Если я ввожу site.io/аbout то он отравляет запрос на сервер. А так как у меня тока index и никакого about нет мне даёт ошибку

сервер на все запросы отдает index.html

Как это решается на статическом сайте?

я уже дал ответ выше на этот вопрос. Что именно тебе в нем не понятно? > это исправляется переадресацией всех запросов на index.html настройками сервера, если я правильно понял

А как это настроить на гитхабе?

Как это решается на статическом сайте?

для лучшего понимания, напишу, что @poltavets имеет в виду то же самое

А как это настроить на гитхабе?

никак?

думаю, что никак не настроить.

Я подумал, hashHistory вполне сойдёт)

Я подумал, hashHistory вполне сойдёт)

хм... Для того, чтоб /about отдавала правильную страницу?

Чтоб при обновлении на статике все работало

Я подумал, hashHistory вполне сойдёт)

и как ты понял, что тебе это подойдет?

Это когда мы при переходе на другой роут передаем данные о том, откуда мы пришли в виде хеша?

и как ты понял, что тебе это подойдет?

Оно работает)

Оно работает)

хм... повезло )))

все привет.

новые пропсы приходят компонент не обновляется что это может быть

новые пропсы приходят компонент не обновляется что это может быть

shouldComponentUpdate

D

хм... повезло )))

Почему это? Как раз в случае, когда нет возможности rewrit'ить урл, якори - самое то

Кто пользуется Redux ? интересен такой нюанс, кто может знает: когда декларируешь создание ACTION для редьюсера вот так const someAction = function (someData) { return { type: 'SOME_ACTION', data: someData } } или es6: const someAction = (someData) => ({ type: "SOME_ACTION", data: someData }) То создаваемая функция someAction видна редьюсеру и всё работает. НО, как только я декларирую функцию классическим путём через function: function someAction(someData) { return { type: "SOME_ACTION", data: someData } } ` ТО функция такого action не видна редьюсеру и undefined Просто интересно почему эквивалентная декларация акшэна не работает.

Где декларируешь?

всё в одном файле

Есть подозрение что ты не понимаешь как скоупы работают

т.е. функция в пределах scope

Но "в файле" до сих пор непонятно

Почитай про порядок объявления переменных

Ох уж этот redux без redux-act

Есть подозрение что ты не понимаешь как скоупы работают

понимаю я скоуп я ж говорю в одном случае декларации - функция в передлах scope в абсолютно эквивалентном случае декларации - функация уже не в scope

Кто пользуется Redux ? интересен такой нюанс, кто может знает: когда декларируешь создание ACTION для редьюсера вот так const someAction = function (someData) { return { type: 'SOME_ACTION', data: someData } } или es6: const someAction = (someData) => ({ type: "SOME_ACTION", data: someData }) То создаваемая функция someAction видна редьюсеру и всё работает. НО, как только я декларирую функцию классическим путём через function: function someAction(someData) { return { type: "SOME_ACTION", data: someData } } ` ТО функция такого action не видна редьюсеру и undefined Просто интересно почему эквивалентная декларация акшэна не работает.

Сесняюсь спросить, но как actionCreator оказался в редюсере?)

Сесняюсь спросить, но как actionCreator оказался в редюсере?)

не в редьюсере)) оговорился в компоненте showHideInputAddDeck = (<input ref='add' id='newDeckInput' onKeyPress={this.someAction} />);

я просто только начал играть с редуксом, смотреть его плюшки пока всё приложение построил в одном файле, чтобы понимать как что куда зачем

Как говорит Абрамов - не используйте Редукс на начальном этапе разработки

Аминь

а на каком

использовать

ERROR: S client not available

Про это не говорится

Иногда встаёшь такой утром и понимаешь - вот оно. Решено. Надо внедрить редакс

Как говорит Абрамов - не используйте Редукс на начальном этапе разработки

Используйте mobx

Используйте mobx

☝️

кто нить юзает next.js с цсс стилями? не css-in-js

А подскажите как сделать что initialState был json полученный по гет запросу

Так это не initial state

А подскажите как сделать что initialState был json полученный по гет запросу

делаешь фетч делаешь this.setState вуаля

тока с контекстом не проебись

Так это не initial state

в стор редакса, не так выразился

в стор редакса, не так выразился

Сделай функ, который будет фетчить твой жсон и отправлять потом в стейт

Сделай функ, который будет фетчить твой жсон и отправлять потом в стейт

Ну я так же подумал, и в редьюсер в стэйт да засунуть?

Ну я так же подумал, и в редьюсер в стэйт да засунуть?

Офк, а как ещё?

Подскажите пожалуйста

handleAnswer(answerId, questionId) { const questionObj = {}; questionObj[questionId] = { id: answerId }; this.setState({ userchoice: { ...this.state.userchoice, questionObj } } ); } как сделать чтобы в userchoice попадало только содержимое questionObj?

сейчас там оказывается userchoice.questionObj.1 например

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

{ this.props.children && React.cloneElement(this.props.children, { ...this.state, emit: this.emit }) }

а то PropTypes ругаются в других компонентах

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

можно

можно

объяснишь?)

объяснишь?)

ну так ты this.props и передавай во втором аргументе cloneElement вдобавок, кроме children

так они же и передаются

вижу только state и emit

так они же и передаются

тебе исходные пропсы у того, что в children, или дополнительные нужны? Исходные и так же копируются. Может просто те пропсы, что ты передаёшь в ...this.state перезаписывают то, что не надо?

нужно просто передать стейт и эту функцию в this.props.children

как я понял вначале реакт создает this.props.children без того что я передаю

и вся консоль красная что PropTypes не получают пропсы

и вся консоль красная что PropTypes не получают пропсы

ты уверен, что эти ошибки вызваны именно тем использованием children? может ты их где-то ещё используешь? этот пример идентичен твоему случаю https://jsfiddle.net/69z2wepo/75962/? там такое не воспроизводится

Кажется скобок не хватает