Size: a a a

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

2020 October 13

SL

Sergey Lukashev in React — русскоговорящее сообщество
Богдан Волков
Всем привет, такой вопрос, у меня есть метод который получает массив, и записывает в стейт,  при клике на кнопку мне нужно добавить к предыдущим значениям новые, как это реализовать, если данные приходят с бэка?  (проект на хуках)
толк из чип, шоу ми зэ код
источник

БВ

Богдан Волков... in React — русскоговорящее сообщество
Leonid Semenov
обновить стэй добавив туда новые значения, [...stateArray, ...newarray] or [...stateArray, arrayElement]
Попробую переформулировать.
Метод получает массив и записывает в стейт. При клике на кнопку, тот же метод перезаписывает старые значения на новые. Вопрос состоит в том, как сохранить значения старого стейта и дозаписать в него новые значения
источник

IL

Ihor Levchenko in React — русскоговорящее сообщество
а какие вообще есть на реакт прикольные таблицы?
Мне бы такое что-то похожее на google sheets.

Вычисляемый движок мне не нужен, я сам вычислю значения
Но чтобы были и expandable rows, куда бы я мог свои кастомные компоненты вставлять, сортировка/пагинация..

может кто-то работал с какими-то интересными реализациями таблиц?
источник

V

Vetro in React — русскоговорящее сообщество
Богдан Волков
Попробую переформулировать.
Метод получает массив и записывает в стейт. При клике на кнопку, тот же метод перезаписывает старые значения на новые. Вопрос состоит в том, как сохранить значения старого стейта и дозаписать в него новые значения
setMyState((state) => state.concat(newState))
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Богдан Волков
Всем привет, такой вопрос, у меня есть метод который получает массив, и записывает в стейт,  при клике на кнопку мне нужно добавить к предыдущим значениям новые, как это реализовать, если данные приходят с бэка?  (проект на хуках)
1. Создаёшь новый массив;
2. в новом массиве spread оператором разворачиваешь старый state;
3. в новом массиве spread оператором разворачиваешь новый state;
||
или юзаешь immer.js и работаешь как будто с мутабельными данными
done:)
источник

LS

Leonid Semenov in React — русскоговорящее сообщество
Богдан Волков
Попробую переформулировать.
Метод получает массив и записывает в стейт. При клике на кнопку, тот же метод перезаписывает старые значения на новые. Вопрос состоит в том, как сохранить значения старого стейта и дозаписать в него новые значения
ответ пока что такой же как выше, vetro предложил только другой синтаксис.
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Leonid Semenov
ответ пока что такой же как выше, vetro предложил только другой синтаксис.
Да, можно и так)
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Ребят подскажите, валидно ли в реакте юзать children как функцию? Считается ли это нормальной практикой?
источник

LS

Leonid Semenov in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Ребят подскажите, валидно ли в реакте юзать children как функцию? Считается ли это нормальной практикой?
а зачем?
источник

v

volt in React — русскоговорящее сообщество
Привет, кто знает хорошее видео или статью по styled components на русском?
источник

RU

Roman Usherenko in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Ребят подскажите, валидно ли в реакте юзать children как функцию? Считается ли это нормальной практикой?
render prop. нормальная вещь, если другог выхода нет
источник

IA

Ilya Agarkov in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Ребят подскажите, валидно ли в реакте юзать children как функцию? Считается ли это нормальной практикой?
да, нормально
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Leonid Semenov
а зачем?
Чтобы не оборачивать в HOC
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Спасибо)
источник

LS

Leonid Semenov in React — русскоговорящее сообщество
Ⓣ ǿ ℓ į ᶄ
Чтобы не оборачивать в HOC
+
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Ihor Levchenko
а какие вообще есть на реакт прикольные таблицы?
Мне бы такое что-то похожее на google sheets.

Вычисляемый движок мне не нужен, я сам вычислю значения
Но чтобы были и expandable rows, куда бы я мог свои кастомные компоненты вставлять, сортировка/пагинация..

может кто-то работал с какими-то интересными реализациями таблиц?
Я сейчас кастомную такую пишу, под проект)
В целом вот либа, к примеру:
https://github.com/tannerlinsley/react-table
источник

IL

Ihor Levchenko in React — русскоговорящее сообщество
я вот тоже на нее смотрел
но проблема что там, на сколько я понял, нельзя использовать кастомный компонент как вложенный
оно ожидает туда какой-нибудь таблично-подобный row

а что тебе там не понравилось кстати, что начал педалить свое?
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Ihor Levchenko
я вот тоже на нее смотрел
но проблема что там, на сколько я понял, нельзя использовать кастомный компонент как вложенный
оно ожидает туда какой-нибудь таблично-подобный row

а что тебе там не понравилось кстати, что начал педалить свое?
Хороший вопрос)
Первое, что мне не понравилось, либа рендерит теги таблицы. Т.е. при какой то хотелке заказчика вёрстку/фичу будет не так легко реализовать, как это можно сделать в кастомной таблице
источник

Ⓣ ǿ ℓ į ᶄ in React — русскоговорящее сообщество
Во вторых около 40% функционала в либе мне не нужно
источник

IL

Ihor Levchenko in React — русскоговорящее сообщество
в общем-то понятно, хороший фидбек
источник