Всем привет. Объясните эту особенность реакта - почему в obj у меня инициализируются дефолтные значения стейта, а не значения, которые я записал строкой выше? this.props.form.validateFields(['login', 'password' ], (err, values) => { if (!err) { this.setState({ current: this.state.current + 1, login: values.login, password: values.password, }); const obj = { login: this.state.login, password: this.state.password, } return this.props.signup(obj) } });

потому что setState асинхронный

Тоже к этому склоняюсь. А как тогда мне писать код?

Тоже к этому склоняюсь. А как тогда мне писать код?

Всем привет. Объясните эту особенность реакта - почему в obj у меня инициализируются дефолтные значения стейта, а не значения, которые я записал строкой выше? this.props.form.validateFields(['login', 'password' ], (err, values) => { if (!err) { this.setState({ current: this.state.current + 1, login: values.login, password: values.password, }); const obj = { login: this.state.login, password: this.state.password, } return this.props.signup(obj) } });

принимая во внимание то, что setState асинхронный

Тоже к этому склоняюсь. А как тогда мне писать код?

Выглядит стремно) this.setState({ login: values.login, },() => { console.log(this.state.login); });

да и код у тебя странный на самом деле. У тебя выше доступны переменные, котороые ты и загоняешь в state. Бери их напрямую

Ночной вопрос по редаксу. Страюсь объяснить подробнее: В некоторых местах(в одном) приложения, импортирую: глобальный store, чтобы использовать store.getState() Так вот есть у меня обычный publish, subscribe В одних экшенах делаю паблиш, а вдругом месте приложения - слушаю паблиш. И слушатель вызывает новый экшен редакса, в этой функции передается глобально store.getState, и store.dispatch, соответственно чтобы экшен отработал И вот проблема, есть у меня глобальный стор utilities - и там есть состояние активности. И вот если я прокинул глобальную функцию getState - то у меня это состояние активности как бы с отставанием, но если из экшена прокину getState - то все ок. Почему так может быть? Надеюсь не сильно сложно объяснил. Спасибо за ответ

более чем (спойлер: значит компонент делает слишком много вещей)

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

обычная формочка на 4 поля

А тема в редакторе темная надеюсь?

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

темная стандартная)

ну 10 строк логики для всего этого вышло

где 10, если только в сниппете который ты скинул их больше 10?

ну я не беру за логику передать n строчек в пропсы. валидация -> запись в стейт -> смена слайда -> передача в пропсы

Всем привет посоветуєте решение для рендринга очень большой таблицы, сейчас рендер занимает больше 8сек

react-window (ну или не рендерить очень большую таблицу)

ну зря валидация и запись в стейт, это все относится к степу, не более общий компонент степпер только слушает реквесты на обновление инфы от степов, ну и максимум крутит их (и то, логику хранения данных (кроме шага) я бы вынес в стейт-менеджер)

Всем привет посоветуєте решение для рендринга очень большой таблицы, сейчас рендер занимает больше 8сек

Вот мой компонент, в Step еще компоненты по 70 строк с валидацией. Ну все выглядит просто и понятно, как-то разбивать еще больше ну такое. Ну и стейт тоже плоский <Steps style={{ width: 600, margin: '15px auto' }} current={current}> {steps.map(item => ( <Step key={item.title} title={item.title} /> ))} </Steps>

https://github.com/bvaughn/react-virtualized Можете еще посмотреть на react-virtualized

Подрубил combineReducers, перестали обновляться глобальные состояния. Мне нужно что-то дополнительно допиливать в диспатчи или что?

// 1 редьюсер state.something // combine combineReducers({ store1, store2 }) state.store1.something

Редакс юзаем обычно, просто в одном месте нужно так

toggle-button

Horizon надо юзать

спс, забрал

Тоже к этому склоняюсь. А как тогда мне писать код?

Тоже к этому склоняюсь. А как тогда мне писать код?

Тоже вставить туда values.password и тд

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

что за значение?

так я проверил. вывел его.

и как ты определил, что значение старое?

Всем привет. Подскажите пжлст, как лучше всего в реакте перебрать 2 массива одновременно? Есть 2 массива: questions, answers, который надо отрендерить на странице. Образец того, как должно быть на странице: <div> <p>questions[0]</p> <p>answers[0]</p> ... // остальное </div> <div> <p>questions[1]</p> <p>answers[1]</p> ... // остальное </div> ... как такое отрисовать?

debugger

ты хочешь чтобы мы гадали что у тебя там? Напиши конкретно

ты хочешь чтобы мы гадали что у тебя там? Напиши конкретно

не знаю, что тут описать. вывожу переменную, она одинакова.

или что там хранится?

там объект.

questions.map(i => <div>{i})

видимо он пересоздается постоянно

секунду... я не могу написать const transactionModel = { ...transaction.data.transactionModels[0], }; ?

но как вместе с ним перебрать и answers? надо чтобы вопрос-ответ в диве по очереди размещались.

{ questions.map((i, index) => <div> {i} {answer[index]} </div>) }

можешь, но ссылка всегда будет новая. Отсюда и срабатывание эффекта

я просто думал, ридакс на себя возьмёт проверку, если проп одинаков

я просто думал, ридакс на себя возьмёт проверку, если проп одинаков

ребят! подскажите, че за лажа происходит с addEventListener. Смотрите https://codepen.io/artof/pen/MNWEMN если заменить let [count, setCount] = React.useState(0); на const ... - что как бы логично, ведь именно так должна вестись работа со стейтом... То почему-то на выходе получаем ошибку в консоли Uncaught TypeError: Assignment to constant variable. что переводится как, дословно, "нельзя переопределять константы". Заменяем const на let и все работает прям как надо. каунтер должен пересчитываться на любое нажатие в инпуте. Кто знает - какого хрена так происходит?