Запрос один, меняются только переменные

тогда и передавай через variables разные переменные

Ну у меня apollo-yoga

Да, я вижу тут ошибку, только что поправил, но всё так же не работает

Но за то, поменялся еррор

Да, я вижу тут ошибку, только что поправил, но всё так же не работает

у тебя клиент на каком порту?

у тебя клиент на каком порту?

8080

тогда и передавай через variables разные переменные

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

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

ты на onClick и вешай фукцию с мутацией, в ней передавай переменные, типа так mutation({vairiables: {portId: id} }), т.е. по сути повтори всё то что передаёшь вторым параметром в useMutation, тогда 2го параметра в useMutation использовать не надо

8080

я не знаю, что в yoga не пускает, наверно надо погуглить...

ты на onClick и вешай фукцию с мутацией, в ней передавай переменные, типа так mutation({vairiables: {portId: id} }), т.е. по сути повтори всё то что передаёшь вторым параметром в useMutation, тогда 2го параметра в useMutation использовать не надо

Ну это с мутацией, а если я просто хочу сменить переменные для useQuery, без какой-либо мутации? Или я херню говорю

Ну это с мутацией, а если я просто хочу сменить переменные для useQuery, без какой-либо мутации? Или я херню говорю

в query тоже параметры передаются также ... 2м параметром

Ну это с мутацией, а если я просто хочу сменить переменные для useQuery, без какой-либо мутации? Или я херню говорю

useQuery(NAME_QUERY, {{variables: {...}}

Ну это с мутацией, а если я просто хочу сменить переменные для useQuery, без какой-либо мутации? Или я херню говорю

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

вот я это и хотел

только с компонентом в моем случае не прокатит, данные идут в проп для material ui таблицы

только с компонентом в моем случае не прокатит, данные идут в проп для material ui таблицы

просто оберни кнопку с данными для получения и всё

просто оберни кнопку с данными для получения и всё

ок, спасибо, попробую

Ребят уместно ли выность результат коллбека в глобальную переменную и из нее уже брать value инпута?

В этом конечно нет ни какой нужды, но по другому не получается...

В этом конечно нет ни какой нужды, но по другому не получается...

Если не получается, значит, где-то хреново спроектировал

Если не получается, значит, где-то хреново спроектировал

Да уж куда там спроектировал)

В стейт положи, например

ты б переписки скрывал когда скринишь чтоли)) хотя может оно конечно со стороны кажется чем то интимным))

ты б переписки скрывал когда скринишь чтоли)) хотя может оно конечно со стороны кажется чем то интимным))

Сорян))

В стейт положи, например

В стейт положить коллбек? Или value ?

В стейт положить коллбек? Или value ?

useState тебе вернёт и значение, и коллбэк. Почитай доку.

useState тебе вернёт и значение, и коллбэк. Почитай доку.

Спасибо, то что нужно👍🏻

Привет. Отчего такое в хуках? В <input onChange={evt => debounce(...)(evt.target.value)} /> вместо одного вызова дебаунснутой функции происходит пачка вызовов этой функции с тем, что юзер успел ввести в инпут?

Привет. Отчего такое в хуках? В <input onChange={evt => debounce(...)(evt.target.value)} /> вместо одного вызова дебаунснутой функции происходит пачка вызовов этой функции с тем, что юзер успел ввести в инпут?

Ты каждый раз дебаунс заново создаёшь. И при чем тут хуки?

Ты каждый раз дебаунс заново создаёшь. И при чем тут хуки?

По каждому эвенту нажатия клавиши происходит новое обращение к debounce(), которое запоминает свою персональную функцию, поданную в debounce()?

По каждому эвенту нажатия клавиши происходит новое обращение к debounce(), которое запоминает свою персональную функцию, поданную в debounce()?

Обработчик onChange у тебя это анонимная функция которая с каждым обновлением компонента создаётся заново. Вместе с ней создаётся и новый debounce, поэтому он и не работает. Реакт, хуки и все остальное тут не при чем.

Обработчик onChange у тебя это анонимная функция которая с каждым обновлением компонента создаётся заново. Вместе с ней создаётся и новый debounce, поэтому он и не работает. Реакт, хуки и все остальное тут не при чем.

Компонент не обновляется. Страница открыта, не обновляется, юзер вводит в инпут.

Я короче погуглил, это правда с обновлением CRA связано. Типа, в актуальной версии теперь используются webpack.config.js и webpackDevServer.config.js. Теперь надо попробовать разобраться, как там сасс использовать и цсс-модули

Оно уже работает из коробки, не нужно делать эджект. Импортировать например classes (*любое слово) из файла стилей и в jsx запихивать через байндинг styles={classes.class}

Компонент не обновляется. Страница открыта, не обновляется, юзер вводит в инпут.

Ну ты значение инпута куда-то же сохраняешь, не?

Оно уже работает из коробки, не нужно делать эджект. Импортировать например classes (*любое слово) из файла стилей и в jsx запихивать через байндинг styles={classes.class}

Я уже разобрался, спасибо большое)

Ну ты значение инпута куда-то же сохраняешь, не?

В console.log() внутри debounce().

В console.log() внутри debounce().

Так подожди. Что ты ожидаешь? Что если ты в onChange пихнешь дебаунс и больше ничего с значением инпута не делаешь то пользовательский ввод будет задебаунсен?

Так подожди. Что ты ожидаешь? Что если ты в onChange пихнешь дебаунс и больше ничего с значением инпута не делаешь то пользовательский ввод будет задебаунсен?

Вероятно. Хотел, чтобы юзер успел ввести символы до истечения таймаута и весь этот ввод был залогирован в консоль.

qwerty вместо q qw qwe qwer qwert qwerty

Вероятно. Хотел, чтобы юзер успел ввести символы до истечения таймаута и весь этот ввод был залогирован в консоль.

Это так не будет работать. Ты не можешь так дебаунсить ввод пользователя. https://ru.react.js.org/docs/forms.html#Контролируемые-компоненты вот читай, изучай

Это так не будет работать. Ты не можешь так дебаунсить ввод пользователя. https://ru.react.js.org/docs/forms.html#Контролируемые-компоненты вот читай, изучай

решение на https://stackoverflow.com/a/58594348/5524590. Интересно, почему такой мой debounce() не работает. Спасибо.

решение на https://stackoverflow.com/a/58594348/5524590. Интересно, почему такой мой debounce() не работает. Спасибо.

Это в твоей ситуации не поможет никак. Тебе нужно сделать инпут контролируемым. Я выше ссылку скинул. А потом уже эти дебаунсы накручивать

Сейчас думаю, на каждый event создаётся новая функция, завёрнутая в debounce, и она вызывается по истечению таймаута.

Сейчас думаю, на каждый event создаётся новая функция, завёрнутая в debounce, и она вызывается по истечению таймаута.

Я тебе про это и писал

Всем привет, начал гонять реакт

Всем привет, начал гонять реакт

Держи в курсе

Всем привет, начал гонять реакт

Поздравляю

Да блин, бан по времени) Окей, есть в стейте массив элементов. Как из стейта удалить элемент с индексом [3]?

Да блин, бан по времени) Окей, есть в стейте массив элементов. Как из стейта удалить элемент с индексом [3]?

А как не в реакте из массива удалить элемент с индексом 3?

Да блин, бан по времени) Окей, есть в стейте массив элементов. Как из стейта удалить элемент с индексом [3]?

Сложный вопрос Обращаешься к стейту и удаляешь елемент[индекс]

нормально ответить влом?

нормально ответить влом?

Погуглить перед тем как задать вопрос влом?

я имею в виду через setState лол, а не напрямую delete

https://learn.javascript.ru/array-methods

Всем привет, начал гонять реакт

бросай гонять, учи js

я имею в виду через setState лол, а не напрямую delete

А. то есть обраьться к стейту можно ток через сетСтейт?

ну в доках написано, что напрямую не надо

я имею в виду через setState лол, а не напрямую delete

const set = [...this.state.arr] set.method(3, 1). this.setState({ arr: set });

ну в доках написано, что напрямую не надо

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

ну в доках написано, что напрямую не надо

Как из массива получить новый массив без третьего элемента?

Но вот не помню метод массива, который из него вырезает любой элемент - погугли его

arr.splice(3,1)

https://redux.js.org/recipes/structuring-reducers/immutable-update-patterns

Он про обычный стейт классовой компоненты наверн грит, а не про редакс

arr.splice(3,1)

Точно!!

ну в доках написано, что напрямую не надо

Увидел? Понял?

Он про обычный стейт классовой компоненты наверн грит, а не про редакс

А ты прочитай главу

А ты прочитай главу

Она не про редакс? В телеге иное написано, ладн

Я имел в виду, можно ли удалить элемент из массива, который в стейте, а не пихать туда новый массив?

Она не про редакс? В телеге иное написано, ладн

Просто глава из доки редакса, где написаны все варианты иммутабельного обновления на чистом js. Предлагаю ее кидать всем новичкам с такими вопросами

Я имел в виду, можно ли удалить элемент из массива, который в стейте, а не пихать туда новый массив?

Нет

Я имел в виду, можно ли удалить элемент из массива, который в стейте, а не пихать туда новый массив?

Это противоречит архитектуре реакта самого

Я имел в виду, можно ли удалить элемент из массива, который в стейте, а не пихать туда новый массив?

В доке реакта можешь прочитать, что иммутабельность нужна для того чтобы быстро понять изменился объект или нет. Так что ответ: нельзя.

ну в доках написано, что напрямую не надо

Ты ж прочитал доку, откуда вопросы

Или ты думаешь тут тебе скажут что ну в доке написано что нельзя но на самом деле можно?)

Не, ну если сильно извратиться, может быть и можно ))) но в чем смысл этого извратства

Не, ну если сильно извратиться, может быть и можно ))) но в чем смысл этого извратства

Ну на самом деле если смутировать массив, а потом сделать setState с ним же то будет все ок в некоторых юзкейсах, но могут быть приколы если этот массив передаётся в дочерний компонент который собственно в таком случае и не обновиться потому что ссылка на объект не поменялась.

Так я про это и говорю, что одна хрень извратство )))

Добрый вечер. Ребята, как из вне, юзерскрипта или из расширения браузера получить доступ к (пропсам?) "data":{"id":1,....} со страницы с кодом реакта <script>ReactDOM.hydrate(React.createElement(api.pages.Service, {"data":{"id":1,....}})) ?

Добрый вечер. Ребята, как из вне, юзерскрипта или из расширения браузера получить доступ к (пропсам?) "data":{"id":1,....} со страницы с кодом реакта <script>ReactDOM.hydrate(React.createElement(api.pages.Service, {"data":{"id":1,....}})) ?

Вписать пропсы в глобальный объект, пушнуть событие с ними. Но вообще крайне странный юзкейс

Написал компактную фцию для удаления элемента из массива по индексу

function removeElementWithIndexFromArray(arr, idx) { var newArr = []; function* rangers(ar) { for (let i = 0; i < ar.length; i++) { yield i; } } var rangeWarr = rangers.bind(null, arr); rangeWarr = [...rangeWarr()]; rangeWarr.forEach(e => { e !== idx && newArr.push(arr[e]); }); return newArr; }