ситуация заставляет сделать именно так
мне кажется, что в таком случае вы что-то делаете не так
Denis
Kirill
Ребята подскажите, как загнать обертку для всего приложения(админка на react) под работу с react-i18next, в примерах под либу показывают как загнать обычный рендер в App.js, а мне нужно, чтобы у меня t('Любой текст') была доступна где угодно
Nikolai
мне кажется, что в таком случае вы что-то делаете не так
есть кейс, например в конце сложного визарда редактирования подтвердить и сохранить изменения или закрыть и не сохранять сущность.
Serega
Kirill
любые мои попытки вызывают ошибку Error: Invalid hook call. Hooks can only be called inside of the body of a function component. This could happen for one of the following reasons:
Kirill
пытаюсь запулить const { t, i18n } = useTranslation(); внутрь подключаемой страницы в точку render(): React.Node {
Alex
всем привет. посоветуйте гайд по редаксу с запросами на rest (thunk) где код нормальный есть (2019)
Kirill
Denis
есть кейс, например в конце сложного визарда редактирования подтвердить и сохранить изменения или закрыть и не сохранять сущность.
ну можно сразу заполнять в редакс и на сейв оставлять все как есть либо чистить на отмену
Kirill
у меня массив разделов меню, который я потом подключаю navProps={{ itemsObjects: navBarItems }}
Как мне это обернуть правильно в t('Текст для перевода') для такого варианта вывода списка меню на сайте?
Nikolai
ну можно сразу заполнять в редакс и на сейв оставлять все как есть либо чистить на отмену
можно, если redux не синкается в локалсторадж например или на апи сразу. иначе не прокатит такое
Denis
можно, если redux не синкается в локалсторадж например или на апи сразу. иначе не прокатит такое
по поводу локалстора согласен, а апишку звать можно только на сейв опять же, не оставлять же без действия кнопку
Denis
а с другой стороны, пушить в локал на этапе заполнения тоже хороший вариант, ибо юзер может неачянно обновить/закрыть страницу
GoDenis
господа, а как называются переменные вида ...state?
GoDenis
где почитать можно про них
GoDenis
спасибо
Nikolai
а с другой стороны, пушить в локал на этапе заполнения тоже хороший вариант, ибо юзер может неачянно обновить/закрыть страницу
там может быть логика сложная валидации данных внутри сущности и в таком виде опасно оставлять на середине визарда
js - one love
джиги,как сделать так чтобы роутер добавлял роуты после текущей страницы
например есть <route path='/' component={main} />
а проект будет в github.io/my_project/здесь роуты
js - one love
после билда
Denis
там может быть логика сложная валидации данных внутри сущности и в таком виде опасно оставлять на середине визарда
валидация ведь нужна чтобы превентить отправку невалидных данных, а то, что происходит на заполнении - дело юзера и не так и страшно на самом деле
всегда можно после нажатия save ткнуть носом в ошибку
Eugen
Гайз, привет, ребята может кто то подскажит библиотеку для дропдауна (селект) на реакте которая работала бы на IE10 ?))
Denis
Гайз, привет, ребята может кто то подскажит библиотеку для дропдауна (селект) на реакте которая работала бы на IE10 ?))
полифила в реакт-селекте нету что-ли?
Eugen
полифила в реакт-селекте нету что-ли?
ну видимо да, потому что вебсайт либы react-select даже их не открывается в ИЕ10
Danila
Гайз, привет, ребята может кто то подскажит библиотеку для дропдауна (селект) на реакте которая работала бы на IE10 ?))
А реакт вообще работает на ие 10? Дропнули же, вроде, поддержку?
Vadim
Ilya
Гайз, привет, ребята может кто то подскажит библиотеку для дропдауна (селект) на реакте которая работала бы на IE10 ?))
реакт и IE10 вообще "смесь гремучая" :) я не уверен что актуальная версия реакта - там вообще заработает
16.8.x вообще в IE10 работает вменяемо? (хотя пооддержка requestAnimationFrame есть... вроде должно взлетать, ну а requestIdleCallback собственно опционален хотя очень желателен)
Maksim
Eugen
реакт и IE10 вообще "смесь гремучая" :) я не уверен что актуальная версия реакта - там вообще заработает
16.8.x вообще в IE10 работает вменяемо? (хотя пооддержка requestAnimationFrame есть... вроде должно взлетать, ну а requestIdleCallback собственно опционален хотя очень желателен)
Гайз, реакт сам работает норм. но вот либы под ИЕ10 для селекта я не могу найти ((
Ilya
Гайз, реакт сам работает норм. но вот либы под ИЕ10 для селекта я не могу найти ((
а что вы пробовали ? в чем были проблемы ? может надо собирать пакет просто из сорцов с ядерным набором полифилов (т.е. добавить пакет чтобы сетапился с репы (github подозреваю))
в актуальных версиях решений скорее всего уже собранный код - вот и проблемы.
Eugen
а что вы пробовали ? в чем были проблемы ? может надо собирать пакет просто из сорцов с ядерным набором полифилов (т.е. добавить пакет чтобы сетапился с репы (github подозреваю))
в актуальных версиях решений скорее всего уже собранный код - вот и проблемы.
react-select )) в ie10 просто страница не открылась когда использовал эту либу ну и начал копать и понял что она не поддерживает ие10
Ilya
react-select )) в ie10 просто страница не открылась когда использовал эту либу ну и начал копать и понял что она не поддерживает ие10
ну пробовали собирать пакет из сорцов с полифилами ?
Sergey
react-select )) в ie10 просто страница не открылась когда использовал эту либу ну и начал копать и понял что она не поддерживает ие10
ну я использовал, просто полифиллы навешиваешь согласно докам и ошибкам
Oleg
как обычно тестируют логин и в целом запросы? мне нужно проверить, что я отправил в запросе и то, что запрос отправился, так? как это прописать в expect?
Volodymyr
кто то шарит в реакт транзишн груп?
есть один список, когда кликаем на итем, то должно выезжать описание даннного итема
проблема состоит в том что текст описания данного итема почему то отображается, хотя недолжен
прикрепил пемочницу
https://codesandbox.io/s/infallible-water-85i0e
это можно решить кондишенами, но получается врсатость потому что анимация закрытия не срабатывает
Алексей
как обычно тестируют логин и в целом запросы? мне нужно проверить, что я отправил в запросе и то, что запрос отправился, так? как это прописать в expect?
Запросы тестируют с помощью мока хттп сервиса. Для этого нужно использовать DI
Volodymyr
кто то шарит в реакт транзишн груп?
есть один список, когда кликаем на итем, то должно выезжать описание даннного итема
проблема состоит в том что текст описания данного итема почему то отображается, хотя недолжен
прикрепил пемочницу
https://codesandbox.io/s/infallible-water-85i0e
это можно решить кондишенами, но получается врсатость потому что анимация закрытия не срабатывает
решено
классу item добавил цсс свойство overflow: hidden; и все заработало
ебатория ебаная
хз как это работает
SᑎOᙖOᖇᑎ
у меня есть кнопка при нажатии исполняеться что-то
как мне сделать, что б при нажатии на ентер делалось тоже что и при клике на кнопку?
есть куча примеров с тектовим инпутом, но оно не подходит
Alexey
🔫
у меня есть кнопка при нажатии исполняеться что-то
как мне сделать, что б при нажатии на ентер делалось тоже что и при клике на кнопку?
есть куча примеров с тектовим инпутом, но оно не подходит
https://codepen.io/ko_cmoc/pen/WNNzwad?editors=1010
MⅨ
можно как-то сделать [...rest, lastElement] = result ?
Ilya
нет
вообщем попробуйте подключать комопнент из исходников - таким оьбразом чтобы он проходил через вашу сборку с полифилами, вероятно вот так
import { ReactSelect } from 'react-select/src'
Yury
https://codepen.io/ko_cmoc/pen/WNNzwad?editors=1010
у меня тогда не срабатывает если кликнуть )
Eugen
MⅨ
можно как-то сделать [...rest, lastElement] = result ?
А то пишет Rest element must be last element
MⅨ
И я получу lastElement?
MⅨ
🔫
все остальное попадут в rest
MⅨ
Ты хочешь сказать что вот так я получу последниЙ элеменТ?
[rest, ...lastElement] = result
MVD
В react-intl нужно на каждую локаль импортить intl/locale-data? или что нибудь доругое?
Alexey
Да нельзя через деструктуризацию последний элемент получить
Vladimir
Ты хочешь сказать что вот так я получу последниЙ элеменТ?
[rest, ...lastElement] = result
нет. Делай arr.slice(-1)[0]
🔫
спс
ссылка не помешает я думаю) )
https://codeburst.io/a-simple-guide-to-destructuring-and-es6-spread-operator-e02212af5831
Ilya
нет. Делай arr.slice(-1)[0]
э-м-м а зачем собственно использовать метод slice с выделением памяти под новый массив и доступом к его элементу по предустановленному индексу.
Чем старый добрый прямой доступ с калькуляцией последнего доступного индекса не устраивает
arr.length && arr[arr.length - 1]
наращивание сложности на ровном месте
Alexey
у меня не проходит MyBytton.click();
так функцию вызови которая по клику вызывается обычно
И отписаться не забудь от keyup
SᑎOᙖOᖇᑎ
код
handleKeyDown(event) {
if(event.keyCode === 13) {
MuButton.click()
}
}
<MyButton label="LOG IN" onClick={() => this.logIn()} />
Viachaslau
а почему сразу this.login() не вызвать?)
Viachaslau
MyButton у тебя реакт компонент, а не дом элемент) поэтому не работает
🔫
функцию передаешь в пропсах ? или прямо в компонте ?
Viachaslau
а вообще судя по всему это у тебя форма, оборачиваешь все в тег формы и вешаешь на onSubmit свой экшен
SᑎOᙖOᖇᑎ
функцию передаешь в пропсах ? или прямо в компонте ?
onKeyDown={this.handleKeyDown}
ти об етом?
Viachaslau
в этом случае тебе не надо городить костыли с кейкодом и онкликамии) а чтобы не было ошибки про андефайнед, то юзай стрелочную функцию
handleKeyDown = (event) => {
if(event.keyCode === 13) {
MuButton.click()
}
} например
Viachaslau
но я бы сделал с формой)
handleSubmit = (e) => {
e.preventDefault();
this.login()
}
<form onSubmit={this.handleSubmit}>
// a lot of code
<Button type="submit">Login</Button>
</form>