PP
у тебя же src
PP
его и пихай
PP
не создавай имэйдж
Никита Суханов
у тебя же src
выше читай
Никита Суханов
мне нужно дождаться загрузки
Никита Суханов
картинки
Dmitriy
Шо сдались?)
Никита Суханов
ага
Никита Суханов
Никита Суханов
Шо сдались?)
помогай)
Ilya
const myLogo = document.createElement('img') myLogo.src = logoSrc; export default ({ getInputValue, onSubmit, searchBar, accessClue }) => { const [imgIsLoading, disableLoading] = useState(true); myLogo.onload = _ => { disableLoading(false) console.log(myLogo); } return ( <div className="header"> {imgIsLoading ? <Loader extraCLass="img-loader" src={imgLoader} /> : myLogo} <SearchPanel accessClue={accessClue} searchBar={searchBar} onSubmit={onSubmit} getInputValue={getInputValue} /> </div> ) }
export default ({ getInputValue, onSubmit, searchBar, accessClue }) => { const [imgIsLoading, disableLoading] = useState(true); useEffect(() => { const myLogo = document.createElement('img') myLogo.src = logoSrc; myLogo.onload = _ => { disableLoading(false) } }, []); return ( <div className="header"> {imgIsLoading ? <Loader extraCLass="img-loader" src={imgLoader} /> : <img src={logoSrc}/>} <SearchPanel accessClue={accessClue} searchBar={searchBar} onSubmit={onSubmit} getInputValue={getInputValue} /> </div> ) }
Dmitriy
: myLogo вместо этого порсто img c путем пропиши
PP
сдедай репост начала
PP
о спс)
Anonymous
Всем привет) Скорее всего, вопрос довольно частый, но все таки интересно услышать свежее мнение. Расскажите, какие варианты решания есть при ошибках CORS, с условием что вы фронт и к беку у вас доступа нет? Проксировать запросы через devServer? Есть ли еще какие-то рабочие варианты?
Никита Суханов
какой второй аргумент?
myLogo.onload = _ => { disableLoading(false) } }, []);
Dmitriy
какой второй аргумент?
он пор массив в эффекте
Ilya
myLogo.onload = _ => { disableLoading(false) } }, []);
посмотри внимательнее - это в useEffect
Никита Суханов
PP
так ты картинку не вставляешь на страницу
PP
лоудинг не начнется
PP
т.е. событие не вызовится никогда на сколько я пониаю
Volodymyr
Привет всем!) Ребят дела ли кто-то на реакте, проект с кастомным Аудио плеером? Пытаюсь понять, варианты, лучшую практику. Что можно заюзать. Спасибо за информацию!)
Никита Суханов
посмотри внимательнее - это в useEffect
интересно. то есть при моунтинге компонента ты прямо там положил onload
Никита Суханов
интересно. то есть при моунтинге компонента ты прямо там положил onload
блин, не понимаю как это получится. onLoad же не сразу выполнится
Никита Суханов
effect ждать будет?
Ilya
effect ждать будет?
лучше читай доку
Никита Суханов
лучше читай доку
читал уже доку
Никита Суханов
читал уже доку
ты запускаешь хук при первом моунтинге компонента
Никита Суханов
ты запускаешь хук при первом моунтинге компонента
надоело перечитывать все, а на практике нихрена не выходит
Никита Суханов
Никита Суханов
я хочу точно знать как
Никита Суханов
и мне все знакомо, никак не врублю
Ilya
ты же сам описал. После маута компонента, создаем картику, вешаем обработчик. В обработчике меняем стейт - профит
Никита Суханов
ты же сам описал. После маута компонента, создаем картику, вешаем обработчик. В обработчике меняем стейт - профит
верно.обработчик "замкнется" в хуке? что если картинка будет грузиться 2 года?
Никита Суханов
Bogdan
есть фича forms, в папке components index файл импортит компоненты, а index в самой папке формс импортит компоненты, теперь доступ к компонентом должен быть через индекс файл в папке формс?
Ilya
отпишись?
так. Идешь в доку. Читаешь про useEffect. Там есть примеры про подписку/отписку
Ilya
отпишись?
или что тебя смущает?
Никита Суханов
Ilya
да блет, я знаю что это. зачем мне return в useEffect?
Ты зачем спрашивал про кейс про 2 года?
Никита Суханов
да блет, я знаю что это. зачем мне return в useEffect?
верно, что disableLoading() опять ре-рендер вызовет, просто мы его не ловим?
Volodymyr
Привет. Я пишу
Я решаю на чем делать Реакт или Ангуляр. Ты сам пишешь, или либу юзаешь какую-то для самого плеера?
Никита Суханов
Andrei
да блет, я знаю что это. зачем мне return в useEffect?
плохо знаешь значит, сходи почитай
Никита Суханов
никого не ловим
я согласен что при первом рендере компонента стоит повесить онлод, но непонятно как именно она там выполнится. хук будет ждать что ли?
Andrei
return нужен для componentWillUnmount
Никита Суханов
return нужен для componentWillUnmount
ты мне про говнокод лучше отпиши, что тебе ен понравилось
🦃 Dmitrii
Здравствуйте, у меня важный вопрос. Решил сделать полноценный сайт, на React и Express.js и столкнулся сразу с проблемой, а как совместить html-препроцессоры, которые пишутся в файле с расширением .html с реакт компонентами, которые пишутся в файлах с расширением .js/.jsx ?
Andrei
просто странный кейс у тебя очень
🦃 Dmitrii
Изучить как работает реакт и сборка
Хочешь сказать, в файл индекс.html рутовый добавлять препроцессоры?
🦃 Dmitrii
тогда почему сложно нормально ответить?
🦃 Dmitrii
в курсе по реакту изучают реает, а не всю эту муть
Sergey
тогда почему сложно нормально ответить?
Потому что это есть в любом вводном туториале. А чтобы ты понял придется объяснять каждую мелочь
Никита Суханов
мне лень
зачем тогда писать про говнокод, раз не можешь дать понять в чем он?
🦃 Dmitrii
Потому что это есть в любом вводном туториале. А чтобы ты понял придется объяснять каждую мелочь
я догадливый, мне достаточно лишь намекнуть на решение (кроме посылания читать гайды)
Андрей Чайковский
Друзья, в каком разрешении происходит построение DOM при тестах с Enzyme/rtl?
Никита Суханов
хук ничего не ждет. При onload у тебя вызоветтся метод disableLoading
disableLoading() тоже вызовет хук, мы просто его не обрабатываем? (проверяю правильно ли понял)
Sergey
я догадливый, мне достаточно лишь намекнуть на решение (кроме посылания читать гайды)
Реакт собирается в один жс файл. Его просто достаточно подключить на страницу и дать пустой див, в который реакт все засунет
Sergey
Там куча особенностей. Ты точно хочешь сейчас флудить этим?
Никита Суханов
disableLoading изменит state, копмонент перересуется.
так, а почему ты после : новую картинку с той же src рисуешь?
Никита Суханов
так, а почему ты после : новую картинку с той же src рисуешь?
нужно же старую подгрузить, та что загрузилась