Size: a a a

2020 March 03

LK

Leonid Kuznetsov in React Kyiv
Ребят такой вопрос, есть таблица, и в каждом row есть ячейка с кнопкой «Скачать файл» мне нужно хендлить данный процесс, в одной таблице для того что б хендлить данный процесс мне пришлось модифицировать таблицу добавив 2 дополнительных поля isLoading, file для каждого row что б понимать в каком из row file загрузился, но данный процесс очень и очень сложный, поскольку приходиться каждый раз модифицировать данные для таблицы, быть может кто то из вас стыкался с данной проблемой и есть более простые решения
источник

LK

Leonid Kuznetsov in React Kyiv
сложность заключается в том что при запросе мне нужно понимать какой row нужно модифицирвоать по ключу
источник

LK

Leonid Kuznetsov in React Kyiv
и это нужно делать каждый раз для новой таблицы, а таблицы имееют разную структуру и вид
источник

SG

Stas G in React Kyiv
ну сделай в таблице мапу в стейте, у тебя же наверное уникальные названия этих файлов? { filename: { isLoading, file } } грубо говоря
источник

SG

Stas G in React Kyiv
не очень понятно, тебе где-то нужно файлы хранить эти?
источник

SG

Stas G in React Kyiv
или только состояние скачан/не скачан?
источник

LK

Leonid Kuznetsov in React Kyiv
нет не только состояние но и сам скачанный файл
источник

С

Саша in React Kyiv
Всем доброго времени суток. Друзья, у меня такой кейс, в реакт приложении пользователь заходит под двумя ролями "клиент" и "админ". При логине токен храню в localStorage для апи  запросов, остальные данные(role, email, username..) в redux. Если юзер залогинился, то он остаётся в системе даже когда меняет вкладки браузера пока не выйдет. Но заказчик тестил приложение, в одной вкладке зашёл как "клиен", потом прешёл в другую вкладку и перезашёл как админ, а когда вернулся на первую то удивился почему была вьюшка для "клиента" и стала вдруг для "админа". У меня вопрос, я могу как-то отследить изменение состояния при переключении вкладок браузера? Заранее благодарю!
источник

С

Саша in React Kyiv
я было пытался растолковать что пользователь может зайти только со своей почтой и паролем и если будет тыкать что-то левое, то получит ошибку.  Но так как у заказчика были данные и для "клиента" и "админа" он реши тестить по своему
источник

I

Ihor in React Kyiv
Саша
Всем доброго времени суток. Друзья, у меня такой кейс, в реакт приложении пользователь заходит под двумя ролями "клиент" и "админ". При логине токен храню в localStorage для апи  запросов, остальные данные(role, email, username..) в redux. Если юзер залогинился, то он остаётся в системе даже когда меняет вкладки браузера пока не выйдет. Но заказчик тестил приложение, в одной вкладке зашёл как "клиен", потом прешёл в другую вкладку и перезашёл как админ, а когда вернулся на первую то удивился почему была вьюшка для "клиента" и стала вдруг для "админа". У меня вопрос, я могу как-то отследить изменение состояния при переключении вкладок браузера? Заранее благодарю!
а role, email, username при этом тоже поменялись?
источник

V

Vladislav in React Kyiv
Саша
я было пытался растолковать что пользователь может зайти только со своей почтой и паролем и если будет тыкать что-то левое, то получит ошибку.  Но так как у заказчика были данные и для "клиента" и "админа" он реши тестить по своему
если юзаешь пакет history, history.listen(cb)
источник

LK

Leonid Kuznetsov in React Kyiv
Stas G
ну сделай в таблице мапу в стейте, у тебя же наверное уникальные названия этих файлов? { filename: { isLoading, file } } грубо говоря
Это то от чего я хотел бы уйти, поскольку приходится каждый раз руками добавлять данное поле в каждый row
источник

LK

Leonid Kuznetsov in React Kyiv
А на момент получения респонс искать по id row и изменят у него стейт
источник

АШ

Алексей Шептура 🚀 in React Kyiv
Всем добрейшего утра

подскажите, как мне передать класс в компонент через контейнер

import Nav from './../../containers/Navigation/Large';

<Nav/>
источник

S

SkyWalker in React Kyiv
Алексей Шептура 🚀
Всем добрейшего утра

подскажите, как мне передать класс в компонент через контейнер

import Nav from './../../containers/Navigation/Large';

<Nav/>
Не совсем понял твой вопрос

Ты хочешь в Нав что-то (что именно) передать
источник

АШ

Алексей Шептура 🚀 in React Kyiv
этот нав используется в нескольких местах и вот я хочу в конкретном месте получить нав с классом что бы применить к нему стили
источник

S

SkyWalker in React Kyiv
То есть ты хочешь, чтобы в одном месте он у тебя был условно красным, а в другом синим?
источник

АШ

Алексей Шептура 🚀 in React Kyiv
условно да
источник

S

SkyWalker in React Kyiv
Ну значит сделай так, чтобы твой компонент Нав принимал пропс, который будет принимать конфигурацию стиля
И этот пропс пусть устанавливает стили уже в этом Наве
источник

АШ

Алексей Шептура 🚀 in React Kyiv
из компонента передавать пропсы компоненту я понимаю, но в от я сижу и туплю потому что из компонента вызывается контейнер
а из него уже компонент
источник