@react_js - страница 1482 - Telegram web archive

Vlad

кто подскажет как решить эту ошибку?

Vladimir

Кто может простым языком объяснить, что делает connect()? AddTodo = connect()(AddTodo);

Vlad

кто подскажет как решить эту ошибку?

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

Nurdan

кто подскажет как решить эту ошибку?

Попробуй onClick={() => function(argument)}

Yury

кто подскажет как решить эту ошибку?

ты вызываешь функцию

Vlad

ты вызываешь функцию

а как по другому мне передать?)

Yury

а как по другому мне передать?)

выше ответили

Yury

Кто может простым языком объяснить, что делает connect()? AddTodo = connect()(AddTodo);

подключение React компонента к Redux store.

Тимофей 🛴

Кто может простым языком объяснить, что делает connect()? AddTodo = connect()(AddTodo);

connect возвращает HOC с помощью которого ты оборачиваешь какой то компонент и он начинает реагировать на изменения в store

Vladimir

connect возвращает HOC с помощью которого ты оборачиваешь какой то компонент и он начинает реагировать на изменения в store

Понял, спасибо

Vladimir

подключение React компонента к Redux store.

спасиб

cmd.exe

Всем привет, подскажите есть ли готовое решение по реализации поведения подобного карточкам в джире. Что бы можно было передвигать компоненты по экрану и могли менятся местами при таком передвижении?

Vladimir

Всем привет, подскажите есть ли готовое решение по реализации поведения подобного карточкам в джире. Что бы можно было передвигать компоненты по экрану и могли менятся местами при таком передвижении?

если по-простому, просто пересортировка списка, то это https://github.com/clauderic/react-sortable-hoc

Victor

Белочка знает толк в зимовке

cmd.exe

если по-простому, просто пересортировка списка, то это https://github.com/clauderic/react-sortable-hoc

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

Vlad

подскажите, пожалуйста, как через setState мне в конец стейта добавлять значение ?

Vlad

не перезаписывать его, а добавлять в массив

Mikhail

создать в стейте массив и работать с ним

Mikhail

this.state = { items: [] }

Vlad

this.state = { items: [] }

а как потом мне добавлять через setState в этот итемс?

Mikhail

const { items } = this.state items.push(...) this.setState({items})

Yury

а как потом мне добавлять через setState в этот итемс?

this.setState({ items: […this.state.items, newElement] })

Vlad

this.setState({ items: […this.state.items, newElement] })

красиво) но у меня чёто не работает

Yury

красиво) но у меня чёто не работает

код покажи

Vlad

State = { items: [] }; add = (item: object) => { this.setState({ items: [this.state.items, item] }) };

Yury

и где spread?

Vlad

а я уже всё перепробовал. add = (item: object) => { this.setState({ items: [...this.state.items, item] }) };

Vlad

так тоже ошибку выдаёт

Yury

а что у тебя за State ?

Vlad

type State = { items: Array<Card> } type Card = { id: number, name: string, sum: number } если ты о типе

Yury

ну во первых я о заглавной букве

Vlad

ну во первых я о заглавной букве

всё изменил на адекватность)

Vlad

в функцию приходит объект

Yury

а, TypeScript, тогда state можно было и с большой)

Yury

а нужно this.state или просто state в ts ?

Krymov 🇺🇦

а нужно this.state или просто state в ts ?

можно _ts_state или IAppState (если это interface)

SᑎOᙖOᖇᑎ

class lement extends Component { state = { checkedTerms: false }; render() { console.log(this.state.checkedTerms) return ( <Checkbox color='primary' style={{paddingTop: '0px', paddingBottom: '0px', color: "#496bcc"}} checked={this.state.checkedTerms} onChange={() => this.setState({checkedTerms: !this.state.checkedTerms}); console.log(this.state.checkedTerms)}/> } чет я сконфузился почему верхний консол лог показивает одно значение стейта а тот что в onChange - другое

Тимофей 🛴

class lement extends Component { state = { checkedTerms: false }; render() { console.log(this.state.checkedTerms) return ( <Checkbox color='primary' style={{paddingTop: '0px', paddingBottom: '0px', color: "#496bcc"}} checked={this.state.checkedTerms} onChange={() => this.setState({checkedTerms: !this.state.checkedTerms}); console.log(this.state.checkedTerms)}/> } чет я сконфузился почему верхний консол лог показивает одно значение стейта а тот что в onChange - другое

setState асинхронный

Konstantin

посоветуйте хорошую проверенную либу для создания qr кода пока думаю взять эту https://github.com/zpao/qrcode.react

Dmitry

с чего?

фича в фиче вложенность же

GoDenis

господа, а кто знает как в react-table убрать дефолтное количество строк на странице?

Sergey

посоветуйте хорошую проверенную либу для создания qr кода пока думаю взять эту https://github.com/zpao/qrcode.react

можно сервисы ещё поискать. Для криптовалют были. А так, смотря для чего

Владислав

class lement extends Component { state = { checkedTerms: false }; render() { console.log(this.state.checkedTerms) return ( <Checkbox color='primary' style={{paddingTop: '0px', paddingBottom: '0px', color: "#496bcc"}} checked={this.state.checkedTerms} onChange={() => this.setState({checkedTerms: !this.state.checkedTerms}); console.log(this.state.checkedTerms)}/> } чет я сконфузился почему верхний консол лог показивает одно значение стейта а тот что в onChange - другое

Когда ты меняешь Стейт, у тебя запускается процесс согласования, в котором shouldComponentUpdate, render там и тд. Суть в том, что setState асинхронный, и консоль.лог нужно кидать в коллбек. Верхний консоль.лог вызвался позже того, что в ончендж, т.к. рендер вызвался заново, и показал обновленный стейт

Владислав

Я это так вижу. Поправьте джуныча, если что

Pavel

вечер добрый! подскажите по map, есть вот такая конструкция todos.map((chartCat, i) => chData.labels.push(chartCat.name)); todos.map((chartCat, i) => chTotal.push(chartCat.content.length)); todos.map((chartCat, i) => color.push(getListColor(i))); я думаю ее можно сократить, так как массив один.. как можно описать это в одном map?

GrafMine

ребят подскажите такой ньюанс плз, как внутри функции сделать проверку что входящий параметр являеться реакт.компонентом? а-ля typeof arg // "React.Component"

Sergey

ребят подскажите такой ньюанс плз, как внутри функции сделать проверку что входящий параметр являеться реакт.компонентом? а-ля typeof arg // "React.Component"

пакет react-is вроде называется

Pavel

По map никто не подскажет?

Андрей

вечер добрый! подскажите по map, есть вот такая конструкция todos.map((chartCat, i) => chData.labels.push(chartCat.name)); todos.map((chartCat, i) => chTotal.push(chartCat.content.length)); todos.map((chartCat, i) => color.push(getListColor(i))); я думаю ее можно сократить, так как массив один.. как можно описать это в одном map?

Можешь скриншотом код прислать?

Pavel

Можешь скриншотом код прислать?

Denis

вечер добрый! подскажите по map, есть вот такая конструкция todos.map((chartCat, i) => chData.labels.push(chartCat.name)); todos.map((chartCat, i) => chTotal.push(chartCat.content.length)); todos.map((chartCat, i) => color.push(getListColor(i))); я думаю ее можно сократить, так как массив один.. как можно описать это в одном map?

todos.map((chartCat, i) => { chData.labels.push(chartCat.name) chTotal.push(chartCat.content.length) color.push(getListColor(i)) });

Denis

только не мап раз ты не присваиваешь ничего, а forEach(Of)

Андрей

Не используй map как forEach.

GrafMine

пакет react-is вроде называется

спасибо не знал о ней, но она не помошла решить мне вопрос) мне надо розличить реактКомпонент от Дива)

Pavel

те нужно в этом случае forEach ?

Sergey

спасибо не знал о ней, но она не помошла решить мне вопрос) мне надо розличить реактКомпонент от Дива)

так компоненты или элементы?

Ivan

Не используй map как forEach.

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

Sergey

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

в map тоже может, не переживай

GrafMine

так компоненты или элементы?

мне нужно удостовериться что пришел именно реактКОмпонент а не див или фрагмент

Sergey

мне нужно удостовериться что пришел именно реактКОмпонент а не див или фрагмент

Существует огромная разница между компонентами и элементами. Лучше сперва в этом разобраться. Сейчас вопрос не понятен

GrafMine

я не знаю где ты увидел заблуждение в том что я не знаю разници

Влад

Привет. Ошибка в React.js. В консоль выводит свойство, но выдает ошибку, будто его нет

Влад

Андрей

Какую ошибку то выдаёт?

Влад

"avatar" underfined

Андрей

"avatar" underfined

Если у тебя падает, то console.log не сработает. Варианта 2: у тебя несколько компонентов Dialog; во время ререндеринга пропса user нет. Дальше ищи сам.

Влад

Ок, спасибо

Viktar

Ребята, подскажите, как сделать маску ввода для электронной почты? Пробовал react-text-mask, но не понял как там регулярку писать.

Daniil

Вечер добрый. Вопрос такой по transitions в css. Допустим у меня есть Sidebar, который убирается со страницы при уменьшении ширины экрана. Я подписался на resize, чекаю innerWidth >= какого-то числа и в стейт записываю mainSidebar true или false, а в рендере проверяю и по условию отдаю sidebar или null. Как с чистым css добавить анимации на удаление sidebar и появление его обратно?