Size: a a a

React — русскоговорящее сообщество

2020 August 03

LB

Leonid Bondarenko in React — русскоговорящее сообщество
через роут
источник

A

A N D R I Y in React — русскоговорящее сообщество
можна это короче написать? (нашёл ответ)
источник

OR

Oleg Rizhkov in React — русскоговорящее сообщество
A N D R I Y
можна это короче написать? (нашёл ответ)
Можна не писать во все чаты?
источник

A

A N D R I Y in React — русскоговорящее сообщество
Oleg Rizhkov
Можна не писать во все чаты?
-
источник

К

Карамультук... in React — русскоговорящее сообщество
A N D R I Y
можна это короче написать? (нашёл ответ)
что такое i18n у тебя?
источник

A

A N D R I Y in React — русскоговорящее сообщество
Карамультук
что такое i18n у тебя?
Уже не надо,  я нашёл
источник

OW

Oliver Wall in React — русскоговорящее сообщество
Смотри я бы предложил тебе следующее решение. В ней одна проблема она с лоадером при загрузке данных.

У тебя страница index. В ней ты загружаешь список пользователей перед отрисовкой. Включаешь лоадер, загрузил данные, убрал лоадер. Отрисовал список.
По клику на пользователя меняешь роут на другую страницу. На этой странице загружаешь список url-ов фотографий и отрисовываешь их.

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

Именно в твоем случае, если хочешь все данные хранить в state без подгрузки дополнительных данных, то используй альгорит с загрзкой данных, который описал выше, но все запросы оберни в Promise.all([ req1 , req2 ]), получил данные , преобразовал в нужный тебе вид. Положил в стэйт, поменял флаг, что данные загрузились и после показывай.

Храни данные в виде, так по id будешь быстро получать фоточки и передавать в компонент PhotoGallery

users: {
 idUser: { ...data }
}
photos: {
 idUser: { ...photos }
}
источник

A

Andrzej in React — русскоговорящее сообщество
привет, подскажите как пофиксить? в консоли валит предупреждение  Expected to return a value at the end of arrow function  array-callback-return
вот код
const matchGenre = (value) => {
       return value.map(id => {
           return genre.map(genr => {
               if (genr.id === id) {
                   return (
                       <span key={genr.id}>{genr.name} </span>
                   )
               }
           })
       })
   };
источник

AM

Anton Mikhaliou in React — русскоговорящее сообщество
Здравствуйте, использую useMemo для оптимизации Cell в react-table и в момент когда мне нужно увеличить количество данных в таблице юземемо падает с такой ошибкой - Rendered more hooks than during the previous render.
Я в целом понимаю, что она имеет ввиду, но не смог найти в гугле как мне её обойти
При этом отказаться от useMemo я не могу, так как он очень сильно поднял производительность
источник

LB

Leonid Bondarenko in React — русскоговорящее сообщество
Oliver Wall
Смотри я бы предложил тебе следующее решение. В ней одна проблема она с лоадером при загрузке данных.

У тебя страница index. В ней ты загружаешь список пользователей перед отрисовкой. Включаешь лоадер, загрузил данные, убрал лоадер. Отрисовал список.
По клику на пользователя меняешь роут на другую страницу. На этой странице загружаешь список url-ов фотографий и отрисовываешь их.

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

Именно в твоем случае, если хочешь все данные хранить в state без подгрузки дополнительных данных, то используй альгорит с загрзкой данных, который описал выше, но все запросы оберни в Promise.all([ req1 , req2 ]), получил данные , преобразовал в нужный тебе вид. Положил в стэйт, поменял флаг, что данные загрузились и после показывай.

Храни данные в виде, так по id будешь быстро получать фоточки и передавать в компонент PhotoGallery

users: {
 idUser: { ...data }
}
photos: {
 idUser: { ...photos }
}
спасибо, буду разбираться
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Andrzej
привет, подскажите как пофиксить? в консоли валит предупреждение  Expected to return a value at the end of arrow function  array-callback-return
вот код
const matchGenre = (value) => {
       return value.map(id => {
           return genre.map(genr => {
               if (genr.id === id) {
                   return (
                       <span key={genr.id}>{genr.name} </span>
                   )
               }
           })
       })
   };
Ты же почитал про это правило?
источник

A

Andrzej in React — русскоговорящее сообщество
не, оно  норм работает... только пишет то сообщеие
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
Правило как раз норм работает и пишет это сообщение, потому что ты его нарушил
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
ты же прочитал зачем это правило у линтера?
источник

A

Andrzej in React — русскоговорящее сообщество
а где прочитать?
источник

DT

Daniil Tchernyavsky in React — русскоговорящее сообщество
В гугл это сообщение
источник

EA

El Anonimo in React — русскоговорящее сообщество
Andrzej
а где прочитать?
Скопипастить в гугль.
источник

EA

El Anonimo in React — русскоговорящее сообщество
Там возврат не всегда, только когда if удовлетворено, об этом пишет.
источник

EA

El Anonimo in React — русскоговорящее сообщество
JS вопросы в https://t.me/js_noobs_ru, https://t.me/js_ru, TS вопросы в https://t.me/ts_ru.
источник

EA

El Anonimo in React — русскоговорящее сообщество
Есть ещё канал по RegExp, мелкий.
источник