Не попадут. Вы знаете вообще как js работает?
Никто не знает
Дед
Danila
const [a, setA] = useState('');
const [b, setB] = useState('');
const [content, setContent] = useState('');
const changer = () => {
setA('foo');
setB('bar);
setContent(a + b);
};
return (
<>
<button onPress={changer}/>
<div>
{content}
</div>
</>
);
Вопрос состоит в том, будет ли выполняться changer синхронно и попадут ли 'a' и 'b' в setContent измененными
Нет. СетА, сетБ будут выполнены асихронно, потом будет сетконтент а+б, считай, это будет три setState() вызваных подряд. В лучшем случае об этом можно думать как о строго асинхронных обновлениях, по одному колбэку на одно обновления, в худшем - там непредсказуемый батчинг обновлний, энивей, делать так не нужно :)
Андрей
Нет. СетА, сетБ будут выполнены асихронно, потом будет сетконтент а+б, считай, это будет три setState() вызваных подряд. В лучшем случае об этом можно думать как о строго асинхронных обновлениях, по одному колбэку на одно обновления, в худшем - там непредсказуемый батчинг обновлний, энивей, делать так не нужно :)
Почему непредсказуемый? Все 3 сетстейта будут выполнены за 1 тик.
Danila
Почему непредсказуемый? Все 3 сетстейта будут выполнены за 1 тик.
Ну хорошо если так, я бы не стал на это полагаться, мало ли что там кто когда в каком релизе решит заоптимизировать
Sheldhur
это кстати баг или фича?
Sheldhur
Почему непредсказуемый? Все 3 сетстейта будут выполнены за 1 тик.
это 1 или 3 рендера будет?
Bogdan
Evgeny
Bogdan
h1 пример просто, вешать на модалку нужно
Julia
тамером можно тип сначала обьект появляется в доме но невидимый, а потом опасити или сайз заанимировать
Julia
и тоже самое но наоборот с закрытием, санчала анимируем опасити потом ремув из дома
Bogdan
Julia
ага тип того, вот пример из старой версии материала
https://github.com/mui-org/material-ui/blob/v0.x/src/Popover/Popover.js
Bogdan
ага тип того, вот пример из старой версии материала
https://github.com/mui-org/material-ui/blob/v0.x/src/Popover/Popover.js
ну суть в том, что компонент Transition, не должен удалятся из дома или в чем?
Bogdan
точнее именно елемент, который нужно анимировать
Julia
Модалка появляется из дома но с опасити 0, дальше опасити переключается на 1, и это анимируется нормально. Перед тем как закрыть модалку, Опасити ставится в 0, и модалка ждет когда отыграет анимация (самое простое это таймер) и после этого удаляется из дома.
Вместо опасити можно поставить любой другой анимируемый пропс который может имитировать появление/исчезание
Bogdan
Модалка появляется из дома но с опасити 0, дальше опасити переключается на 1, и это анимируется нормально. Перед тем как закрыть модалку, Опасити ставится в 0, и модалка ждет когда отыграет анимация (самое простое это таймер) и после этого удаляется из дома.
Вместо опасити можно поставить любой другой анимируемый пропс который может имитировать появление/исчезание
я не могу сообразить, где ставить таймер, в какой момент менять опасити и как это определить
Julia
ну я поэтому и скинула ссылку на компонент, посмотри как там сделано да и сделай так же
🦜
Модалка появляется из дома но с опасити 0, дальше опасити переключается на 1, и это анимируется нормально. Перед тем как закрыть модалку, Опасити ставится в 0, и модалка ждет когда отыграет анимация (самое простое это таймер) и после этого удаляется из дома.
Вместо опасити можно поставить любой другой анимируемый пропс который может имитировать появление/исчезание
через таймер следить за анимацией, кекес
🦜
я не могу сообразить, где ставить таймер, в какой момент менять опасити и как это определить
https://developer.mozilla.org/ru/docs/Web/API/GlobalEventHandlers/onanimationend
Max
А чё там по анимациям в реакте 2019? до сих пор больно?
Bogdan
Bogdan
Alexandr
Привет всем, кто работает с antd design подскажите пж по хлебным крошкам. У них есть такой пример, в нем не отражены параметры, как можно сделать хлебные крошки с параметром?
например /news/1/edit ->Новости/редактирование
Max
Зависит куда и как сувать
Банальная задачка на анимированное закрытие модалки с удалением из дерева, как её грамотно решать?
Nikita
Ребят, а есть способ определить приоритет отображения стилей в cra ? Подключил стили семантика, а они рендерятся где-то в самом внизу чем самым создают конфликты и сложности для переопределения стилей
Anonymous
Какая есть альтернатива реакту?
Anonymous
Не Вью и не Ангуляр
Alexandr
Жимкери
(⇀‸↼‶)
Светлый
Anonymous
Напомните название
Aidyno
Anonymous
Спасибо
Eugene
А как в cra сделать чтобы eslint кидал просто эрроры в консоль, а не стопил всю приложуху 🤔
Eugene
Что это за правило хоть
🦜
А как в cra сделать чтобы eslint кидал просто эрроры в консоль, а не стопил всю приложуху 🤔
в лоадере только править
Dmitriy
Eugene
чот он слишком жесткий
Without
Мужики, такой вопрос. Если я запущу сервер на локалхосте на физической тачке и подключу к ней ноут по лан кабелю, то будет ли доступен локалхост с сервером с ноута?
Andrei
Andrei
то есть будешь коннектиться в браузере http://ipComputer:Port
Использую ip компа внутри этой"сети"
Without
Спасибо
Яна
Всём привет! Подскажите, пожалуйста. Есть компонент App и его дочерний компонент DialogWindow. App передаёт в DialogWindow props activeEvent. Внутри ActiveEvent есть поле participantsList (список участников события). В DialogWindow я из списка участников(participantsList) удаляю кого-то, тем самым дергаю функцию deleteParticipant из родителя, в этой функции (уже внутри App) я произвожу удаление и обновляю activeEvent. И после этого я жду, что мне в DialogWindow передастся обновлённый props. Но этого не происходит. В чем дело? (((
Vadim
Всём привет! Подскажите, пожалуйста. Есть компонент App и его дочерний компонент DialogWindow. App передаёт в DialogWindow props activeEvent. Внутри ActiveEvent есть поле participantsList (список участников события). В DialogWindow я из списка участников(participantsList) удаляю кого-то, тем самым дергаю функцию deleteParticipant из родителя, в этой функции (уже внутри App) я произвожу удаление и обновляю activeEvent. И после этого я жду, что мне в DialogWindow передастся обновлённый props. Но этого не происходит. В чем дело? (((
Ты небось мутируешь объект ActiveWindow. А ссылка на пропс не меняется, реакт не ререндерит компонент
Vadim
Всём привет! Подскажите, пожалуйста. Есть компонент App и его дочерний компонент DialogWindow. App передаёт в DialogWindow props activeEvent. Внутри ActiveEvent есть поле participantsList (список участников события). В DialogWindow я из списка участников(participantsList) удаляю кого-то, тем самым дергаю функцию deleteParticipant из родителя, в этой функции (уже внутри App) я произвожу удаление и обновляю activeEvent. И после этого я жду, что мне в DialogWindow передастся обновлённый props. Но этого не происходит. В чем дело? (((
Как вариант - передавай в DialogWindow не весь ActiveWindow, а сам participantsList (но только его тож не надо мутировать, пожалуйста)
Яна
Окей, сейчас попробую. Спасибо!
Eldar
Всём привет! Подскажите, пожалуйста. Есть компонент App и его дочерний компонент DialogWindow. App передаёт в DialogWindow props activeEvent. Внутри ActiveEvent есть поле participantsList (список участников события). В DialogWindow я из списка участников(participantsList) удаляю кого-то, тем самым дергаю функцию deleteParticipant из родителя, в этой функции (уже внутри App) я произвожу удаление и обновляю activeEvent. И после этого я жду, что мне в DialogWindow передастся обновлённый props. Но этого не происходит. В чем дело? (((
Да выложи в песочницу код, не совсем понятно как ты объявлешь и юзаешь функцию deleteParticipant
Яна
Яна
Если все ещё интересно - выложу, но позже. Сейчас на работе время не позволяет)
Василий
Всем привет)
Нуждаюсь в помощи, никак не могу для себя найти, как устроены хуки реакта в плане синхронности/асинхронности. Если с классовым this.setState все более-менее понятно, он асинхронен, и если хочется работать с данными, которые изменяешь - передавай коллбэк или используй функцию внутри. С useState нельзя передать вторым аргументом функцию. Никак не могу найти, приведет ли код вида
setModalTitle(title);
setModalMessage(message);
setModalVisible(true);
К неожиданным сайд-эффектам. Судя по тому, что вижу - не приводит, но хочется узнать наверняка)
Спасибо за внимание, помогите разобраться пж, кто в курсе. Или тыкните в мануал, потому что я не нашел разбора этого момента нигде)
https://learn-reactjs.ru/core/hooks/api#useState
ленингвая установка начального состояния тебе не подойдет ?
Maksym vom Internet
https://learn-reactjs.ru/core/hooks/api#useState
ленингвая установка начального состояния тебе не подойдет ?
Этот сайт получше официалки для обучения с нуля?
Василий
не могу сказать абсолютно точно - рекомендации с него вменяемые. меня устраивает
Maksym vom Internet
не могу сказать абсолютно точно - рекомендации с него вменяемые. меня устраивает
а всё почитал на гит хабе. Это просто официальный перевод
Василий
официальный я думаю https://ru.reactjs.org/
Василий
потому как домен официала
🦜
#оффтоп
Где можно купить подешевле домены io ?
🦜
не. я не про ваш конкретный случай. в целом, интересно
https://www.name.com/blog/business/2013/10/why-are-startups-turning-to-io/
Farik
Вопрос снят, разобрался)
MVD
Чему можно xlsx в json парсить на стороне браузера?
MVD
Кроме SheetJS/js-xlsx. Он пизда 400кб весит в гзипе
Adv0cat
Женя
Подскажите, как разобраться с билдом проекта, по умолчанию весь проект билдится с относительными путями, как будто приложение будет в руте, мне же нужно для всех роутов проставить "./", тк проект будет не в корневой папке. Нашел только решение с указанием полных путей с доменом, но может быть есть более чистый способ?
Яна
Запускаю react app в mozilla firefox 50.0 и вот, что вижу в консоли: SyntaxError: missing = in const declaration (0.chunk.js:47939:13)
Как с этим бороться? ((
В проекте использую hooks (useState)
MVD