Nikita
Привет, посоветуйте пожалуйста какие-нибудь современные архитектуры для react приложух
MⅨ
Мне нужно обработать input перед тем как его отдавать в value в компонент
Sergey
MⅨ
Один раз попробуешь, уже никогда не станешь прежним
S
++)
тут всего 3 сущности вместо 7 как у vue, поэтому то что ты jsом изменяешь и возвращаешь и есть аналог computed
S
тут даже круче
Rustam
clickListener засунь в useEffect
import { useState, useEffect } from "react";
export function useWindowClick() {
const [clickCount, setClickCount] = useState(0);
useEffect(() => {
const clickListener = () => {
setClickCount(clickCount + 1);
};
window.addEventListener("click", clickListener);
return () => {
window.removeEventListener("click", clickListener);
};
}, []);
return {
clickCount
};
}
Неа, так же замыкает 0 и не меняется значение
Andrey
import { useState, useEffect } from "react";
export function useWindowClick() {
const [clickCount, setClickCount] = useState(0);
useEffect(() => {
const clickListener = () => {
setClickCount(clickCount + 1);
};
window.addEventListener("click", clickListener);
return () => {
window.removeEventListener("click", clickListener);
};
}, []);
return {
clickCount
};
}
Неа, так же замыкает 0 и не меняется значение
так у тебя в эффекте clickCount в зависимостях не указан
Andrey
import { useState, useEffect } from "react";
export function useWindowClick() {
const [clickCount, setClickCount] = useState(0);
useEffect(() => {
const clickListener = () => {
setClickCount(clickCount + 1);
};
window.addEventListener("click", clickListener);
return () => {
window.removeEventListener("click", clickListener);
};
}, []);
return {
clickCount
};
}
Неа, так же замыкает 0 и не меняется значение
объяви коллбек снаружи эффекта, передав зависимость от каунта
Rustam
так у тебя в эффекте clickCount в зависимостях не указан
так я же хочу один раз подписаться и отписаться по unmount
Rustam
я так понимаю, мне просто нужно как-то передавать по ссылке внутрь clickCount, чтобы он был актуальным
Andrey
так я же хочу один раз подписаться и отписаться по unmount
так и будет
import { useState, useEffect } from "react";
export function useWindowClick() {
const [clickCount, setClickCount] = useState(0);
const increment = useCallback(() => setClickCount(clickCount + 1), [clickCount]);
useEffect(() => {
window.addEventListener("click", increment);
return () => {
window.removeEventListener("click", increment);
};
}, []);
return {
clickCount
};
}
Rustam
так и будет
import { useState, useEffect } from "react";
export function useWindowClick() {
const [clickCount, setClickCount] = useState(0);
const increment = useCallback(() => setClickCount(clickCount + 1), [clickCount]);
useEffect(() => {
window.addEventListener("click", increment);
return () => {
window.removeEventListener("click", increment);
};
}, []);
return {
clickCount
};
}
https://codesandbox.io/embed/usewindowresize-46jj3
Rustam
просто для наглядности
Rustam
нашел решение
const clickListener = () => {
setClickCount(clickCount => clickCount + 1);
};
Andrey
🧐
странно, вообще
MVD
Подскажите как скопировтаь содержимое файла в этот же файл в командной строке?
Cenator 🐈
Подскажите как скопировтаь содержимое файла в этот же файл в командной строке?
$ echo file >> file
Vlad
Aza 👁️
Aza 👁️
Прикольно
Anonymous
уважайте ветеранов
Anonymous
@itsjohncena ты ветеран?
Zaff
а у меня лычки нет, да?
Zaff
ой, я ж не тут админ хд
Dmitry
http://s.csssr.ru/U5E1S7FNC/20190812144245.jpg
Dmitry
кто-нибудь ловил ошибки такого рода после апдейта реакта до 16.9.0?
Dmitry
yep, все latest
Юрій
обїясните пожалуйста, передаю компонент в роуте пропсы так
Cenator 🐈
В описании ссылка
Юрій
и если в компоненте юзаю передаю дальше в дочерний компонет так
Юрій
<SideBar data={this.props.data.tree_data}/>
Юрій
то все норм, а если пітаюсь сохранить в стайт компонента проходного и из него достать инфу так мой дочерний не отрисовываеться
Юрій
блин
Юрій
<Route path="/" render={(props) => (
<Catalog {...props} data={extraProps}/>
)}/>
если в компоненте Catalog я их сохраняю в стейт Catalog и потом их использую в дочерних то дочерние компоненты не оотрисовываются, а если в дочерние компоненты пихаю сразу с пропсов то они отрисовываются
не рисуется в Catalog
<MaineContent data={this.state.prod_data} filterFlag={this.state.id} />
рисуется
<SideBar data={this.props.data.tree_data} } />
Zhanadil
ребята кто может объяснить или кинуть ссылку на объяснение фразы - wrapper hell???
Cenator 🐈
ребята кто может объяснить или кинуть ссылку на объяснение фразы - wrapper hell???
Загляни в девтулз реакта
El
Приветствую.
Поделитесь, плиз, примером типизации action creator с thunk. Что-то наподобие
export const someAction = (a: string) = (dispatch: Dispatch) => {...}.
Zhanadil
Да
типа ужасная обертка реакта означает? То что блоки всякими другими блоками по несколько раз завернуты и т.д.
Юрій
<Route path="/" render={(props) => (
<Catalog {...props} data={extraProps}/>
)}/>
если в компоненте Catalog я их сохраняю в стейт Catalog и потом их использую в дочерних то дочерние компоненты не оотрисовываются, а если в дочерние компоненты пихаю сразу с пропсов то они отрисовываются
не рисуется в Catalog
<MaineContent data={this.state.prod_data} filterFlag={this.state.id} />
рисуется
<SideBar data={this.props.data.tree_data} } />
Cenator 🐈
Илья
типа ужасная обертка реакта означает? То что блоки всякими другими блоками по несколько раз завернуты и т.д.
Hoc, рендер пропсы, консьюмеры. Все это генерирует обертки дополнительные.
Zhanadil
Hoc, рендер пропсы, консьюмеры. Все это генерирует обертки дополнительные.
и это все враппер хэлл. спасибо!
Zhanadil
Hoc, рендер пропсы, консьюмеры. Все это генерирует обертки дополнительные.
а то тут доклад Абрамова смотрю, не понял
N
N
N
Пытаюсь подключит material Tabs
Anonymous
переведи 1, 2, 3 пункты и всё поймешь
ipos
чаще всего это возникает когда хук вызываешь не на верхнем уровне компонента, по крайней мере у меня
Ivan
Ребят, всем привет!
Есть сторонняя библиотека react-slick в режиме infinite-loop она клонирует всех потомков. Мне нужно узнать, какие элементы не являются клонами:
<div className="gallery-wrapper" onClickCapture={this.eventHandler.preventClickWhenSlide}>
<Slider {...this.settings} ref={this.$slider}>
{
React.Children.toArray(elementsData.map((data, index) => (
<GalleryElement ... />
Возможно ли как то без рефов понять, является ли GalleryElement клоном или нет?
N
ipos
так перенести на верхний уровень компонента
N
ipos
воооу
N
ipos
так он не в компоненте даже
Sergey
более того, компонент классовый
Andrey
Sergey
то есть прямой путь в документацию
ipos
кстати с классовым тоже не выйдет, только функциональный
Китикет
N
кстати с классовым тоже не выйдет, только функциональный
И как мне теперь подключит tabs от material
N
а что не так с классами то?