у тебя же src

Шо сдались?)

Шо сдались?)

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> ) }

зачем ты второй аргумент onload передаешь?

какой второй аргумент?

какой второй аргумент?

myLogo.onload = _ => { disableLoading(false) } }, []);

myLogo.onload = _ => { disableLoading(false) } }, []);

посмотри внимательнее - это в useEffect

интересно. то есть при моунтинге компонента ты прямо там положил onload

интересно. то есть при моунтинге компонента ты прямо там положил onload

effect ждать будет?

лучше читай доку

читал уже доку

ты запускаешь хук при первом моунтинге компонента

надоело перечитывать все, а на практике нихрена не выходит

мой вариант тоже не работает?

ты же сам описал. После маута компонента, создаем картику, вешаем обработчик. В обработчике меняем стейт - профит

верно.обработчик "замкнется" в хуке? что если картинка будет грузиться 2 года?

верно.обработчик "замкнется" в хуке? что если картинка будет грузиться 2 года?

отпишишь от событие на анмаунт

Привет всем!) Ребят дела ли кто-то на реакте, проект с кастомным Аудио плеером? Пытаюсь понять, варианты, лучшую практику. Что можно заюзать. Спасибо за информацию!)

отпишись?

отпишись?

так. Идешь в доку. Читаешь про useEffect. Там есть примеры про подписку/отписку

да блет, я знаю что это. зачем мне return в useEffect?

да блет, я знаю что это. зачем мне return в useEffect?

да блет, я знаю что это. зачем мне return в useEffect?

Привет. Я пишу

Я решаю на чем делать Реакт или Ангуляр. Ты сам пишешь, или либу юзаешь какую-то для самого плеера?

верно, что disableLoading() опять ре-рендер вызовет, просто мы его не ловим?

Ты зачем спрашивал про кейс про 2 года?

да блет, я знаю что это. зачем мне return в useEffect?

никого не ловим

return нужен для componentWillUnmount

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

я согласен что при первом рендере компонента стоит повесить онлод, но непонятно как именно она там выполнится. хук будет ждать что ли?

Здравствуйте, у меня важный вопрос. Решил сделать полноценный сайт, на React и Express.js и столкнулся сразу с проблемой, а как совместить html-препроцессоры, которые пишутся в файле с расширением .html с реакт компонентами, которые пишутся в файлах с расширением .js/.jsx ?

Изучить как работает реакт и сборка

Хочешь сказать, в файл индекс.html рутовый добавлять препроцессоры?

Хочешь сказать, в файл индекс.html рутовый добавлять препроцессоры?

тогда почему сложно нормально ответить?

мне лень

Потому что это есть в любом вводном туториале. А чтобы ты понял придется объяснять каждую мелочь

хук ничего не ждет. При onload у тебя вызоветтся метод disableLoading

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

disableLoading() тоже вызовет хук, мы просто его не обрабатываем? (проверяю правильно ли понял)

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

но это же произойдет после сборки, а не во время девелопинга

disableLoading изменит state, копмонент перересуется.

так, а почему ты после : новую картинку с той же src рисуешь?