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

Ruslan Yumakaev

@yumakaev Этот проект в закрытом доступе ?

Да, на локалке

js2me ♨️

Скинь через ``` ``` код useSearch хука

js2me ♨️

тебе вообще по сути этот useEffect не нужен Можешь просто эту функцию внутри useEffect вынести в useCallback и аргументами сделать аргументы функции useSearch и все будет работать

js2me ♨️

ты вызываешь useSearch не как хук, а как простую функцию, которую отправляешь в onClick и при клике будет вызываться useEffect, что мягко говоря неправильно

js2me ♨️

все хуки должны находиться только внутри функционального компонента

Ruslan Yumakaev

@js2me а как тогда быть с поиском? Есть useEffect, который получает пользователей из service, который в свою очередь получает этих пользователей по апи, но проблема была в том, что useEffect срабатывал в момент появления самого поля для поиска, мне казалось это неправильным, и я решил сделать вызов useEffect по кнопке поиска, чтобы делать запрос на получение пользователей по кнопке

js2me ♨️

@yumakaev Тебе нужно чтобы при нажатии на кнопку вызывались внутренности того useEffect ?

Ruslan Yumakaev

@yumakaev Тебе нужно чтобы при нажатии на кнопку вызывались внутренности того useEffect ?

Дада

js2me ♨️

Я его модифицирую

js2me ♨️

Скинь через ``` ``` код useSearch хука

Ruslan Yumakaev

Я его модифицирую

Мне бы самому разобраться, чтобы понять, правильно я вообще делаю, или нет)

js2me ♨️

вызывать хуки в разного рода коллбэках не стоит. Возвращай из того хука useCallback(() => /* your async operation */)), а сам хук вызывай в начале компонента AppSearchViews хук в виде: ``const searchUsers = useSearch();```И этот `searchUsers передавай в onClick :-)

js2me ♨️

При работе и написании хуков придерживайся правил https://reactjs.org/docs/hooks-rules.html#only-call-hooks-at-the-top-level

Ruslan Yumakaev

вызывать хуки в разного рода коллбэках не стоит. Возвращай из того хука useCallback(() => /* your async operation */)), а сам хук вызывай в начале компонента AppSearchViews хук в виде: ``const searchUsers = useSearch();```И этот `searchUsers передавай в onClick :-)

Спасибо, пошел пробовать)

js2me ♨️

Как полностью разберешься будешь только ими и пользоваться)

Daniil

Если в React.useEffect идёт долгий вызов апи, а затем на .then мне нужно прочитать значение из state (но, оно уже устарело, было два рендера в течении продолжительности выполнения запроса) и читается старый state, т.к функция .then ссылается на старое замыкание (в этом эффекте), это фиксать только ещё одним forceRender из .then +и в ещё одном useEffect ловить новое значение?

Daniil

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

Ura

Если в React.useEffect идёт долгий вызов апи, а затем на .then мне нужно прочитать значение из state (но, оно уже устарело, было два рендера в течении продолжительности выполнения запроса) и читается старый state, т.к функция .then ссылается на старое замыкание (в этом эффекте), это фиксать только ещё одним forceRender из .then +и в ещё одном useEffect ловить новое значение?

можно достать актуальное значение стейта через setState(c => …), можно useReducer воспользоваться и там всегда актуальное значение тоже будет

Daniil

useReducer в моём случае, есть [state, dispatch], из них никто не предлагает подобный функционад, как в случае useState (v => делай шо хош)

Daniil

функция старая, запонмила старый объект из замыкания, в процессе вылолнения апи, объект state изменяется полностью (иммутабл), респонс получаетс -> читается старый объект

Daniil

соре, запутался мб в двух соснах, но что-то совсем приплыл

Иван

Всем привет. Такой вопрос, в папочке node_modules/... есть иконка. И мне нужно определенной переменной присвоить путь на эту иконку. Не подскажет кто как это правильно сделать, в рамках .ts

Zhanadil

ребята в роуте есть компонент ParentComponent, path='/parent' внутри есть еще роут ChildComponent, path='/parent/child' почему ChildComponent не срабатывает?

Yury

ребята в роуте есть компонент ParentComponent, path='/parent' внутри есть еще роут ChildComponent, path='/parent/child' почему ChildComponent не срабатывает?

exact посмотрите

Zhanadil

exact посмотрите

пишу exact, не срабатывает ChildComponent

Daniil

пишу exact, не срабатывает ChildComponent

в гист или песочницу реализацию твою

Google

Привет можете помочь как можно исправить ?

アレクサンダー・バキマトフ

Привет можете помочь как можно исправить ?

не пробовал воспользоваться гуглом?

Google

не получается найти

アレクサンダー・バキマトフ

чего не получается найти?

Kuyoshbek

Привет можете помочь как можно исправить ?

<p><div></div></p> так нельзя

Google

даже на эту ругается

アレクサンダー・バキマトフ

<p><div></div></p> так нельзя

всю интригу испортил

Google

<p><div></div></p> так нельзя

на барот тоже сделал

Sharyar

на барот тоже сделал

ты прям как гугл переводчик пишешь)

Anonymous

на барот тоже сделал

на барот — это как?

Google

всё

アレクサンダー・バキマトフ

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

Anonymous

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

И чему радуешься?

アレクサンダー・バキマトフ

И чему радуешься?

это сарказм тащемта

Igor

И чему радуешься?

Как в той байке про препода-юриста. "Чем больше таких, как вы, тем ценнее я как специалист")

Артем

const handleEvent = (event) => { console.log(event.target); } <div className='test' onClick={() => handleEvent()}> test </div> В чем ошибка? почему не выводит event.target?

Артем

Хочу по клику на элемент узнать что это за элемент

Ivan

const handleEvent = (event) => { console.log(event.target); } <div className='test' onClick={() => handleEvent()}> test </div> В чем ошибка? почему не выводит event.target?

А что ты передаёшь в handle?

Андрей

const handleEvent = (event) => { console.log(event.target); } <div className='test' onClick={() => handleEvent()}> test </div> В чем ошибка? почему не выводит event.target?

А почему он должен выводить если ты его без аргументов вызываешь.

Yury

const handleEvent = (event) => { console.log(event.target); } <div className='test' onClick={() => handleEvent()}> test </div> В чем ошибка? почему не выводит event.target?

ты event не передаешь

Алексей

Ребят можно ли как то в ant впихнуть "Забыли пароль?"

darkwoolf

Есть такой метод который должен отпралять файл и текст на сервер, но почему-то на сервере пишет что пустой object

darkwoolf

Что может быть не так?

Китикет

Есть такой метод который должен отпралять файл и текст на сервер, но почему-то на сервере пишет что пустой object

В network в браузере сначала посмотри, с какими данными оно отправляется

darkwoolf

Блин, и вправду

darkwoolf

Блин, а нода(express) показывает что пусто, может я не так обращаюсь?(сори за офф топ)

Китикет

Блин, а нода(express) показывает что пусто, может я не так обращаюсь?(сори за офф топ)

Наверное парсера для форм даты нет

darkwoolf

Наверное парсера для форм даты нет

Ну он зареган в точке входа

Китикет

Ну он зареган в точке входа

Кинь скрин

darkwoolf

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

Китикет

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

body-parser не умеет multipart парсить, тебе надо что-нибудь вроде express-formidable

darkwoolf

app.use(express.bodyParser()); или так просто добавить

Mido

Коллеги помогите. Завис на простой задаче. И понимаю что не могу понять в чём суть. У меня при наведении мыши на елемент должен появится тултип. использую я такую конструкцию tooltip.style.left = evt.clientX + 10 + 'px'; tooltip.style.top = evt.clientY + 10 + 'px'; А само окно тултипа имеет position: absolute; И проблема в том, что то при наведении на объект у меня используются координаты экрана, но тултип появляется смещённым. То есть начало координа у него не край экрана, а край родительскорого блока. Как быть? Мне нужно или спозиционировать тултип от экрана или брать координаты окна. Как ?

Ivan

Коллеги помогите. Завис на простой задаче. И понимаю что не могу понять в чём суть. У меня при наведении мыши на елемент должен появится тултип. использую я такую конструкцию tooltip.style.left = evt.clientX + 10 + 'px'; tooltip.style.top = evt.clientY + 10 + 'px'; А само окно тултипа имеет position: absolute; И проблема в том, что то при наведении на объект у меня используются координаты экрана, но тултип появляется смещённым. То есть начало координа у него не край экрана, а край родительскорого блока. Как быть? Мне нужно или спозиционировать тултип от экрана или брать координаты окна. Как ?

position: fixed

Egor

position: fixed не подойдёт? или тебе не нужно, что бы он был fixed?

Mido

Пробовал фиксд. Не работает

Китикет

Коллеги помогите. Завис на простой задаче. И понимаю что не могу понять в чём суть. У меня при наведении мыши на елемент должен появится тултип. использую я такую конструкцию tooltip.style.left = evt.clientX + 10 + 'px'; tooltip.style.top = evt.clientY + 10 + 'px'; А само окно тултипа имеет position: absolute; И проблема в том, что то при наведении на объект у меня используются координаты экрана, но тултип появляется смещённым. То есть начало координа у него не край экрана, а край родительскорого блока. Как быть? Мне нужно или спозиционировать тултип от экрана или брать координаты окна. Как ?

absolute позиционируется относительно первого из потомков, который имеет не static позицию, и скорее всего у тебя тултип как раз лежит в каком-нибудь таком элементе Вообще тултипы надо в body рендерить

Китикет

Пробовал фиксд. Не работает

А как он может не работать?

darkwoolf

body-parser не умеет multipart парсить, тебе надо что-нибудь вроде express-formidable

Та вроде может, я юзаю body-parser + multer

Mido

А как он может не работать?

вот так вот показывает консоль хрома. Но эффект такойже