у тебя jsx , ты не импортировал реакт

у реакта нету ф-и реакт, вынеси его из скобокъ

у реакта нету ф-и реакт, вынеси его из скобокъ

а как можно в деструктуризации типа такого? дать значение 1 если changedCount === undefined

count = changedCount === ‘undefined’ ? 1 : ‘something else’ ты про такое?

да типа тернарки. но кажется есть какой то более лаконичный способ со скобками и ||

changedCount || 1

changedCount || 1

нормальная у тебя деструктуризация

нормальная у тебя деструктуризация

а как можно в деструктуризации типа такого? дать значение 1 если changedCount === undefined

зачем ты значения переменных по умолчанию делаешь такими же, какими они будут после деструктуризации?

а как можно в деструктуризации типа такого? дать значение 1 если changedCount === undefined

зачем ты значения переменных по умолчанию делаешь такими же, какими они будут после деструктуризации?

я запутался👍

так глянь в документацию, там изи все

в которую?😂

в которую?😂

https://learn.javascript.ru/destructuring-assignment

братик эти базы знаю

Тогда зачем ты говно набрасываешь на вентилятор?

братик эти базы знаю

братик эти базы знаю

не похоже. если тебя интересует именно тернарный опреатор, то проще вынеси эту переменную отдельно выше, или напиши функцию с if которая будет возвращать нужное

state = { list: [ {title: item1, foo: false, id: 1}, {title: item2, foo: false, id: 2}, {title: item3, foo: false, id: 3}, ] }; lastId = [...this.state.list][[...this.state.list].length - 1].id;

Reverse + first?

state = { list: [ {title: item1, foo: false, id: 1}, {title: item2, foo: false, id: 2}, {title: item3, foo: false, id: 3}, ] }; lastId = [...this.state.list][[...this.state.list].length - 1].id;

state = { list: [ {title: item1, foo: false, id: 1}, {title: item2, foo: false, id: 2}, {title: item3, foo: false, id: 3}, ] }; lastId = [...this.state.list][[...this.state.list].length - 1].id;

А по времени,это не сильно долго будет занимать?Самый оптимальный вариант?

state = { list: [ {title: item1, foo: false, id: 1}, {title: item2, foo: false, id: 2}, {title: item3, foo: false, id: 3}, ] }; lastId = [...this.state.list][[...this.state.list].length - 1].id;

Ты лучше в жс нубс зашел с этим вопросом, а так, this.state.list[this.state.list.length - 1].id

А по времени,это не сильно долго будет занимать?Самый оптимальный вариант?

Подскажите как осуществить. Есть кнопка, которая должна появляться только тогда, когда экран будет меньше 768 пикселей. Добавил вычисление ширины экрана в компоненту, вывел в консоль. Логично, что при изменении экрана в консоль выводит только после того, как щелкну на какую-нибудь другую кнопку, то есть когда дерево перерисуется. А мне нужен этот параметр в реальном времени. Натолкните на мысль)

Подскажите как осуществить. Есть кнопка, которая должна появляться только тогда, когда экран будет меньше 768 пикселей. Добавил вычисление ширины экрана в компоненту, вывел в консоль. Логично, что при изменении экрана в консоль выводит только после того, как щелкну на какую-нибудь другую кнопку, то есть когда дерево перерисуется. А мне нужен этот параметр в реальном времени. Натолкните на мысль)

Подскажите как осуществить. Есть кнопка, которая должна появляться только тогда, когда экран будет меньше 768 пикселей. Добавил вычисление ширины экрана в компоненту, вывел в консоль. Логично, что при изменении экрана в консоль выводит только после того, как щелкну на какую-нибудь другую кнопку, то есть когда дерево перерисуется. А мне нужен этот параметр в реальном времени. Натолкните на мысль)

Как осуществить?

Подскажите как осуществить. Есть кнопка, которая должна появляться только тогда, когда экран будет меньше 768 пикселей. Добавил вычисление ширины экрана в компоненту, вывел в консоль. Логично, что при изменении экрана в консоль выводит только после того, как щелкну на какую-нибудь другую кнопку, то есть когда дерево перерисуется. А мне нужен этот параметр в реальном времени. Натолкните на мысль)

media-запросы

ну я не хочу ифы. я попытаюсь разобраться))

неужели может быть такое, что человек ушел в Реакт и не будет знать что это такое? 😳

Медиа я знаю ) не работает так как я хочу) все выводит, но надо заново на что-нибудь кликать, чтобы он посчитал ширину)

Медиа я знаю ) не работает так как я хочу) все выводит, но надо заново на что-нибудь кликать, чтобы он посчитал ширину)

https://t.me/react_js/771953 чем не устраивает такое решение?

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

согласен, в будущем буду рекомендовать с отпиской

можно хуком const useResize = () => { const [currentWidth, setCurrentWidth] = React.useState(null); React.useEffect(() => { const handleResizeWindow = () => setCurrentWidth(window.innerWidth); window.addEventListener("resize", handleResizeWindow); return () => { window.removeEventListener("resize", handleResizeWindow); }; }, [currentWidth]); return [currentWidth]; };

Медиа я знаю ) не работает так как я хочу) все выводит, но надо заново на что-нибудь кликать, чтобы он посчитал ширину)

у человека классовый компонент оказался)

неужели может быть такое, что человек ушел в Реакт и не будет знать что это такое? 😳

можно хуком const useResize = () => { const [currentWidth, setCurrentWidth] = React.useState(null); React.useEffect(() => { const handleResizeWindow = () => setCurrentWidth(window.innerWidth); window.addEventListener("resize", handleResizeWindow); return () => { window.removeEventListener("resize", handleResizeWindow); }; }, [currentWidth]); return [currentWidth]; };

Плохой хук.

хороший хук

Чувак не понимает как работает resize. Его хук лагать будет.

сколько использовал, никогда не лагал, сделай лучше

Я добавлю raf

сделай пример рабочий

Я добавлю raf

а как поможет raf?