всем здравствуйте! помогите пж новичку, создал компонент иконки в этом компоненте сделал список картинок с адресами этих картинок, через пропс кидаю название этой картинки но она не отображаеться я понимаю что она принимает не ссылку, но как это исправить не пойму. вот код https://codepen.io/pen/?editors=0010

всем здравствуйте! помогите пж новичку, создал компонент иконки в этом компоненте сделал список картинок с адресами этих картинок, через пропс кидаю название этой картинки но она не отображаеться я понимаю что она принимает не ссылку, но как это исправить не пойму. вот код https://codepen.io/pen/?editors=0010

https://codepen.io/_Andy__/pen/JjoErNX?editors=0010

Это жесть, ради 0.01% юзеров бизнес убивает жизнь своим разрабам)

<Icon src='gear'/> а как тут надо прописать что бы работало?

У нас 1 процент пользователей - это 50к человек.

У нас 1 процент пользователей - это 50к человек.

Подскажите, NEXT умеет переключать компоненты в зависимости от url, как react-router? <Switch> <Route path="/about"> <About /> </Route> <Route path="/users"> <Users /> </Route> <Route path="/"> <Home /> </Route> </Switch>

Зачем роботам маскироваться под ie, это какойто злой план тормозить прогресс?

Подскажите, NEXT умеет переключать компоненты в зависимости от url, как react-router? <Switch> <Route path="/about"> <About /> </Route> <Route path="/users"> <Users /> </Route> <Route path="/"> <Home /> </Route> </Switch>

@nextjs_ru . Там свой роутинг, но можно и реакт-роутер впилить

Это жесть, ради 0.01% юзеров бизнес убивает жизнь своим разрабам)

Насколько я буду выглядить здоровым человеком если задиспачу экшн в редюсере?

По канонам у редьюсера не должно быть сайд эффектов

Ребят. Не кто не может посоветовать image editor какой-то норм ? (Бесплатный, без логотипов и т.д). Нужно кропить, вертеть, текст добавлять подобное.

Ты не понял, мне для реакта, либу какую-то. А не просто как фотошоп ))

Глянул, супер. А там логотип их можно как-то убрать ?

Как обойти такое? В пагинации под таблицей в середине инпут, в котором отображается и задаётся текущая страница. Код: https://pastebin.com/pZeDje7R. Получается ввести только один символ, т. к. onChange меняет значение текущей страницы, а это значение стоит в if условии, окружающем пагинацию.

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

Глянул, супер. А там логотип их можно как-то убрать ?

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

Передать по пропсам дочернему компоненту функцию-callback, которая объявлена в родительском компоненте и меняет его state.

сделать input value и currentPage разными значениями?

Примерно это я пытался сделать по-разному. Поделитесь решением? Полный код в репо, коли посмотрите.

а в чем проблема? на onChange меняешь значение input value в стейте и в нем же вызываешь изменение currentPage, но уже с дебаунсингом

подскажите такой вопрос, ответы на эти вопросы вообще не как не могу найти! авторизация с jwt, человек авторизировался, его данные в стейте, его токены в локалсторадж у него есть доступ к закрытым страницам. что должно произойти когда он обновит страницу? 1) по чему ориентироваться авторизирован или нет? Флаг в редаксе? он же после перезагрузке будет false. как он снова поменяться на true и кем? 2) нужно ли создавать отдельный запрос которые будет каждый раз делаться при инициализации APP для проверки авторизован или нет? 3 ) можно ли при обновлении страницы, проверять локалсторадж, если там есть данные то давать доступ к юзеру (то есть пока нету какого либо запроса на сервер, он может находиться), данные из сторадж так же заполнить в стейт редакса? сделать следующее: const initialState = localData && localData.client ? {...localData.client} : {};

Кртако, да, при загрузке приложения проверка наличия токена и переключение флажка авторизации в true. У меня в репо есть приложение, делающее это. Токе лучше в http only cookie хрнаить.

По мне, да. Это единственный способ узнать, что пользователь присутствует.

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

вот этот вопрос, выглядит не правильно? можно ли при обновлении страницы, проверять локалсторадж, если там есть данные то давать доступ к юзеру (то есть пока нету какого либо запроса на сервер, он может находиться), при запросе в любом случае в хедере будут токены и если что-то не так то выкинет его данные из сторадж так же заполнить в стейт редакса? сделать следующее: const initialState = localData && localData.client ? {...localData.client} : {};

Берутся данные юзера из ls, а на запросе стоит интерцептор, который при ошибке авторизации токен обновляет (если возможно), либо из приложения выкидывает с обьяснением

У меня это уже сделано

Берутся данные юзера из ls, а на запросе стоит интерцептор, который при ошибке авторизации токен обновляет (если возможно), либо из приложения выкидывает с обьяснением

Но а если на странице которую обновили, нету не каких запросов?

Тогда нет никакого приватного контента, а значит ограничивать юзера нет смысла

Но можно добавить запрос чисто для проверки что токен валидный, и выкидывать из приложения так же как в интерцепторе при аналогичной ошибке, если сильно охото

У меня в App.js const App = () => { useEffect(() => { store.dispatch(loadUser()); }, []);

У меня в App.js const App = () => { useEffect(() => { store.dispatch(loadUser()); }, []);

Главное чтобы это не задерживало время для доступа к странице авторизованному юзеру, то есть не мелькало то, что он будто не авторизован

Есть же useDispatch

То есть у меня в целом норм сделано? На первом же запросе в случае чего, вылогинет, это норм?

Есть же mapDispatchToProps и connect

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

Тут у меня не было потребности подбирать инфу со стора.

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

useDispatch, useSelector лишают компонент промежуточного слоя между данными и их отображением. Компонент станет и видом и источником инфы,т. к. её получает.