Прочитай текст ошибки.

Можешь пожалуйста в кратце описать как это можно реализовать?

можно через редукс прокинуть а в таймере поставить вотчер, можно через пропсы какньть, вариантов много я не реактер)

можно через редукс прокинуть а в таймере поставить вотчер, можно через пропсы какньть, вариантов много я не реактер)

Ладно, спасибо)

Доброе

Кто знаешь с помощью какого объекта в реакт-роутинге можно следить за изменением url? hostory? только именно за пределами props роута

Кто знаешь с помощью какого объекта в реакт-роутинге можно следить за изменением url? hostory? только именно за пределами props роута

За пределами props роута - это как?

ну типо можно же узнать url и с помощью location.pathname но это внутри render роута

withRouter

Кто знаешь с помощью какого объекта в реакт-роутинге можно следить за изменением url? hostory? только именно за пределами props роута

Вне компонентов можешь использовать свою кастомную history и прокинуть её в роутер Для редакса был connected react router если я не ошибаюсь

Есть вопросик, есть один родительский компонент, в нем есть дочерний компонент таймера, у него стейт в значении 0, можно ли как-то его зупастить по нажатию кнопки из другого дочернего компонента?

В другой доч.комп. передавать проп с функцией/методом из род.комп. и запускать это в доч.комп

Доброе утро, Славяне 💪🙂 Подскажите, начал изучать React и вот не совсем понимаю как на инпуте использовать событие onChange, я может что-то не так делаю, но оно работает как onInput и сразу обрабатывает поле. А мне нужно - чтоб работало тогда когда я убрал фокус. Попробовал написать onBlur, в консоли ошибка. Пишет что-то вроде чтоб юзать value нужен onChange. Но он работает не так как с мне нужно... Шо с эти делать? Ибо так жить нельзя!

Доброе утро, Славяне 💪🙂 Подскажите, начал изучать React и вот не совсем понимаю как на инпуте использовать событие onChange, я может что-то не так делаю, но оно работает как onInput и сразу обрабатывает поле. А мне нужно - чтоб работало тогда когда я убрал фокус. Попробовал написать onBlur, в консоли ошибка. Пишет что-то вроде чтоб юзать value нужен onChange. Но он работает не так как с мне нужно... Шо с эти делать? Ибо так жить нельзя!

https://codesandbox.io/s/proud-glade-enhh8

Всем привет. Помогите мне пожалуйста, разобраться с одним вопросом. Сверстал сайт на webflow и решил перенести вёрстку на react.js. Все компоненты собрал, но осталась одна проблема. Не работают скрипты webflow. Я понял, что нужно их реинициализировать (перезапустить) с помощью webflow.destroy(), webflow.ready(), но до конца не могу понять как. Мне примерно понятно где это нужно делать, в componentDidMount, когда верстка сгенерировалась, но не могу всё-таки добить до конца. Пишет webflow in not defined. Как мне указать на этот webflow, чтобы все заработало? Или может я вообще не правильно делаю и надо как нибудь по другому? Кто разбирается, подскажите, пожалуйста.

https://codesandbox.io/s/proud-glade-enhh8

Благодарю, ознакомлюсь.

Народ разбираюсь с formik. Вопрос таков. Как использовать handleChange и setFieldTouched;

export default withFormik({ mapPropsToValues: () => { const {FIRST_NAME, SECOND_NAME, LAST_NAME, EMAIL,PHONE, BIRTHDATE} = NAME_FIELD; return ( { [FIRST_NAME]: '', [SECOND_NAME]: '', [LAST_NAME]: '', [EMAIL]: '', [PHONE]: '', [BIRTHDATE]: '' } ) }, // Custom sync validation validate: values => { const errors = {}; if (!values.name) { errors.name = 'Required'; } return errors; }, validationSchema: BookingSchema, handleSubmit: (values, { setSubmitting }) => { setTimeout(() => { alert(JSON.stringify(values, null, 2)); setSubmitting(false); }, 1000); }, handleChange: (values,{setFieldTouched})=>{ for(let key in values){ console.log(key); //setTouched({[key]:true}); } }, })(FormBooking);

Есть у кого пример кода с хуками и мобиксом, поделитесь пожалуйста сюда или в лс, что нить сложнее дефолтной туду из доки

Есть у кого пример кода с хуками и мобиксом, поделитесь пожалуйста сюда или в лс, что нить сложнее дефолтной туду из доки

В mobx lite же есть примеры

В mobx lite же есть примеры

Оч плохие примеры )не нравиться дока у него, непонятно откуда вятые методы/копоненты, не обяснено половина того что юзается там( и все оторванно от контекста что не проследить толком что это такое

Покажите код

Да, клинит. Надо ключом на 46 постучать

Ну на 48 возьмите...

@MrTolerant вам в @javascript_jobs

В компонент IconsSocial передаю socialLinks=123. Там я в консоль вывожу пропс socialLinks и получаю это число, а после пары миллисекунд пропс пустой, почему?

В компонент IconsSocial передаю socialLinks=123. Там я в консоль вывожу пропс socialLinks и получаю это число, а после пары миллисекунд пропс пустой, почему?

ты его где-то мутируешь

ты его где-то мутируешь

В Header => IconSocial , нигде же не мутирую

ты его где-то мутируешь

ща до тебя доебуться за _ в нейминге

ща до тебя доебуться за _ в нейминге

++))

Это с бекенда приходит php переменные)

Это с бекенда приходит php переменные)

нормализуй?

Как узнать, какое правило нарушено в eslint в файле реаата? У меня в vscode показано, что в файле одна ошибка, но только где - фиг его знает.

React.useEffect(()=>{fn()}) React.useEffect(()=>{fn()},[]) подскажите пожалуйста, в эти два случая отработают до componentDidMount? или при первом рендеринге сработает только c []

нормализуй?

Поможет?

Поможет?

не) Тебе нужно дебажить свой код и смотреть как пропсы меняются

Приветы. Юзаем captive portal. Сейчас хотим реализовать пуш уведомления в captive portal, как в браузере прилетает всякая реклама. Вопрос, кто это реализовывал? И будут ли пуши работать в captive portal?

ренейминг переменных и смена структуры

React.useEffect(()=>{fn()}) React.useEffect(()=>{fn()},[]) подскажите пожалуйста, в эти два случая отработают до componentDidMount? или при первом рендеринге сработает только c []

Первый вариант будет срабатывать при маунте и апдейтах, второй только при маунте

не) Тебе нужно дебажить свой код и смотреть как пропсы меняются

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

Первый вариант будет срабатывать при маунте и апдейтах, второй только при маунте

уверен, что при маунте сработает? мне этот момент важен.

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

ну значит у тебя на еще один ререндер делается запрос к бекенду и он отдает пустой пропс. Посмотри не теряются ли данные после запроса

уверен, что при маунте сработает? мне этот момент важен.

ну открой доку, убедись)))

уверен, что при маунте сработает? мне этот момент важен.

второе (с пустым массивом) - аналог componentDidMount

я знаю, что есть чего аналог) тут скорее с lifecycle я запутался немного

уверен, что при маунте сработает? мне этот момент важен.

Посмотри сам

ну значит у тебя на еще один ререндер делается запрос к бекенду и он отдает пустой пропс. Посмотри не теряются ли данные после запроса

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

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

код только смотреть, у тебя с ним что-то не так

А, это я дурында, у меня 2 компонента) в один кидаю пропс а в другой нет вот и приходит первый с пропсом а второй пустой

Вопрос по поводу react-router-dom. Когда переходим с одного раута на другой такого же типа, конструктор компонента заново не запускается. А как тогда принято определять параметры?

Вопрос по поводу react-router-dom. Когда переходим с одного раута на другой такого же типа, конструктор компонента заново не запускается. А как тогда принято определять параметры?

у тебя обновиться компонента, так как пропсы поменяются

Вопрос по поводу react-router-dom. Когда переходим с одного раута на другой такого же типа, конструктор компонента заново не запускается. А как тогда принято определять параметры?

componentDidUpdate. Ну или на хуках сделать, тогда вообще будет не важно, "конструктор" это или параметр поменялся.

то есть через componentDidUpdate

Вопрос по поводу react-router-dom. Когда переходим с одного раута на другой такого же типа, конструктор компонента заново не запускается. А как тогда принято определять параметры?

через пропс render вроде как

Да да. Все верно. Стормозил что-то. Спасибо всем

А есть, действительно, разница в рендере это отслеживать или в другом месте (как componentDidUpdate, например)?

Обычно в componentDidUpdate это делают или в useEffect если пишешь функционалку

привет при попытке удалить один символ в react-select удаляется всё значение. как можно это решить ?

добрый день, а кто может подсказать как задать именование chunk в create-react-app, чтобы было статическое именование чанков

Есть вопросик, есть один родительский компонент, в нем есть дочерний компонент таймера, у него стейт в значении 0, можно ли как-то его зупастить по нажатию кнопки из другого дочернего компонента?

Обычно в componentDidUpdate это делают или в useEffect если пишешь функционалку

Подождите, а ведь componentDidUpdate после render() запускается, верно? Так как же этот метод поможет заново отрисовать новый контент?

А можно как то колбек повесть на то когда состояние изменилось?

почему когда обновляю определенный ключ в стейте (хуки) удаляются предыдущие

почему когда обновляю определенный ключ в стейте (хуки) удаляются предыдущие

А как ты обновляешь?

А как ты обновляешь?

setData({title: 'zxc'});

Ну бля, логично, что исчезает, ты ведь перезаписываешь значение

так у меня в начальном состоянии помимо title есть другие

так у меня в начальном состоянии помимо title есть другие

setData(data => ({ ...data, title: '...' }))

setData(data => ({ ...data, title: '...' }))

Спасибо, то что нужно было 😉

Где должна быть логика сортировки? В редюсере, контейнере или самом компоненте?

Здравствуйте, есть поля ввода широты долготы, json выводит всё хорошо.Но ошибка в консоле красная, даже не смотря на то что всё работает корректно . Почему ошибка появилась?

Это не ошибка, а предупреждение

Это не ошибка, а предупреждение

а как его убрать?

а как его убрать?

там же написано в описиании)

как фиксить ошибку Rendered fewer hooks than expected, если он в стеке указывает на экшн в редаксе?

Ребят,подскажите как имитировать клик на реакте? ну типо,у меня есть див, и по клику на этот див мне надо имитировать нажатие на инпут

Ребят,подскажите как имитировать клик на реакте? ну типо,у меня есть див, и по клику на этот див мне надо имитировать нажатие на инпут

onClick

Ребят,подскажите как имитировать клик на реакте? ну типо,у меня есть див, и по клику на этот див мне надо имитировать нажатие на инпут

ну или ref.current.click()

onClick

render() { this.handleClickInput = () => { this.handleClick(); }; return ( <div> <Input onClick={this.handleClick} hidden type="file" /> <div className={styles.input_file} onClick={this.handleClickInput}> {this.props.children} </div> </div> );