return (<Fragment />); Почему ругает что у меня ничего не возвращает ?

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

Тогда лучшим решением будет вернуть <div /> ?

Тогда лучшим решением будет вернуть <div /> ?

В контексте чего вернуть? Если ты хочешь пустоту в твоем доме, можешь null вернуть.

А render может возвращать null ?

Вай нот

Это рудимент от процедурщины

Сфигаль?) Нормальная реакт нода

Почитай про ошибку на миллиард долларов

Это рудимент от процедурщины

Это no-op

Это no-op

Не могу придумать кейс, где это было бы хорошим решением

Зачем null возвращать, хз

Любой компонент, не имеющий представления в dom

Любой компонент, не имеющий представления в dom

Всм?

Типо компонент сам решает показать себя или нет?

#пятничная_задачка Реализуйте ф-ю shallowCopy, которая будет осуществлять [не глубокое] копирование объекта сохраняя его hidden class \ structure \ shape. > Если последние определения вам не ясны, вот статья для введения https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc > Или видео https://youtu.be/5nmpokoRaZI // shallowCopyWithSaveMap.js const a = {x:1, y:2, z:3}; const b = shallowCopyWithSaveMap(a); console.log("a and b is different objects:", a !== b); console.log("a and b have same map:", %HaveSameMap(a, b)); # shell node --allow-natives-syntax ./shallowCopyWithSaveMap.js > a and b is differend objects: true > a and b have same map: true

Че за треш

Типо компонент сам решает показать себя или нет?

Да

return (<Fragment />); Почему ругает что у меня ничего не возвращает ?

вау

Да

Зачем это надо?

У тебя компонент уже две задачи решает

@artalar пятничная задачка будет?)

^

У тебя компонент уже две задачи решает

Ты даже не видел его, а уже задачи считаешь

Типо компонент сам решает показать себя или нет?

return this.state.toShow ? <Yes /> : null

вы об этом чтоли?

Да

Наверное это уже на вкус и цвет, кому как больше нравится, я бы не стал null возвращать

^

чот опять сложна :D

чот опять сложна :D

Другое не интересно ?‍♂️

return this.state.toShow ? <Yes /> : null

Да, типа того

Да, типа того

и чем вам null не мил?

и чем вам null не мил?

Зачем он там?

Господа, такая трабла - есть роут с динамическим урлом, в нем запрашиваются данные и исходя из них компонент должен либо рендериться либо редиректить на 404 без изменения текущего урла. Самые простые примеры из гугла не катят (с роутом без пути в конце свича). Кто сталкивался и какое решение придумали?

Зачем он там?

https://reactjs.org/docs/jsx-in-depth.html#booleans-null-and-undefined-are-ignored

Господа, такая трабла - есть роут с динамическим урлом, в нем запрашиваются данные и исходя из них компонент должен либо рендериться либо редиректить на 404 без изменения текущего урла. Самые простые примеры из гугла не катят (с роутом без пути в конце свича). Кто сталкивался и какое решение придумали?

у вас сообщение перерендерилось

да я не правильно сформулировал сначала

: )

редиректить на 404 без изменения текущего урла = звучит как просто импортировать и отрисовать 404 заглушку

но тогда зачем вообще роутер

Зачем он там?

https://reactjs.org/docs/conditional-rendering.html#preventing-component-from-rendering

Зачем он там?

а что еще возвращать?

а что еще возвращать?

Менеджить это на уровне выше

Я понял

я так понимаю вы хотите условно говоря зайти на /order/:pk, убедиться что :pk существует и показать товар, если :pk не существует, то отобразить 404. Это нормально, сделать редирект, со сменой текущего url

Менеджить это на уровне выше

Логика разная бывает, иногда инкапсулирванная, иногда нет.

Разные архитектурные подходы

Разные задачи (особенно библиотек касается)

И т.п. и т.д.

А как в коде корректно отображать компоненту по условию, неужели все эти случаи надо в отдельную переменную перед рендером выносить ?

я так понимаю вы хотите условно говоря зайти на /order/:pk, убедиться что :pk существует и показать товар, если :pk не существует, то отобразить 404. Это нормально, сделать редирект, со сменой текущего url

Да я про это имел ввиду, просто в основном на сайтах запрашиваемый урл остается прежним

Логика разная бывает, иногда инкапсулирванная, иногда нет.

Да, я не прав, null в некоторых кейсах вполне юзабелен, просто у меня никогда такого не было

По-другому думаю мб

А как в коде корректно отображать компоненту по условию, неужели все эти случаи надо в отдельную переменную перед рендером выносить ?

Что за условие?

Если есть данные то инициализировать новые переменные для передачи их в компоненту иначе не отображать ее

Если есть данные то инициализировать новые переменные для передачи их в компоненту иначе не отображать ее

А данные из пропов?

Или загружаешь откуда-то ?

да через redux прокидываю

Как вариант писать функцию myComp и возвращать return null как говорили выше если чего то нет

но не знаю кошерно это так юзать или нет

да через redux прокидываю

так вот у тебя есть данные в переменной/ых, { data && <Component dataField={data} /> }

или можно саму переменную

@artalar интересная статья, спасибо :)

Да мне надо 100500 переменных из data для начала вытащить посчитать и потом передать

такие условия в одну строчку не напишешь

ERROR: S client not available

@artalar интересная статья, спасибо :)

?

@artalar интересная статья, спасибо :)

но в ней нет ответа на задачку ??

Да мне надо 100500 переменных из data для начала вытащить посчитать и потом передать

Разбей это на части

#пятничная_задачка Реализуйте ф-ю shallowCopy, которая будет осуществлять [не глубокое] копирование объекта сохраняя его hidden class \ structure \ shape. > Если последние определения вам не ясны, вот статья для введения https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc > Или видео https://youtu.be/5nmpokoRaZI // shallowCopyWithSaveMap.js const a = {x:1, y:2, z:3}; const b = shallowCopyWithSaveMap(a); console.log("a and b is different objects:", a !== b); console.log("a and b have same map:", %HaveSameMap(a, b)); # shell node --allow-natives-syntax ./shallowCopyWithSaveMap.js > a and b is differend objects: true > a and b have same map: true

камон гайз

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

нет, там уже готовый тег img. Необходимо для предзагрузки изображений. Мне вот надо этот тег img впихнуть в слайдер внутри комопнента

В redux'овый store нельзя такое пихать.. Лучше всего класть в него только то, что ты сможешь сериализовать..

а что лучше react или vue?

Как мне тогда пеализовать загрузку картинок пачками?

Мне надо грузить три штуки. Когла загрузятся еще три и тд

#пятничная_задачка Реализуйте ф-ю shallowCopy, которая будет осуществлять [не глубокое] копирование объекта сохраняя его hidden class \ structure \ shape. > Если последние определения вам не ясны, вот статья для введения https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc > Или видео https://youtu.be/5nmpokoRaZI // shallowCopyWithSaveMap.js const a = {x:1, y:2, z:3}; const b = shallowCopyWithSaveMap(a); console.log("a and b is different objects:", a !== b); console.log("a and b have same map:", %HaveSameMap(a, b)); # shell node --allow-natives-syntax ./shallowCopyWithSaveMap.js > a and b is differend objects: true > a and b have same map: true

втф)

что за %HaveSameMap

что за %HaveSameMap

посмотри с каким флагом нода выполняется )

что за %HaveSameMap

это из внутренностей V8

посмотри с каким флагом нода выполняется )

--trace-ic?

--trace-ic?

allow-natives-syntax

#пятничная_задачка Реализуйте ф-ю shallowCopy, которая будет осуществлять [не глубокое] копирование объекта сохраняя его hidden class \ structure \ shape. > Если последние определения вам не ясны, вот статья для введения https://medium.com/@bmeurer/surprising-polymorphism-in-react-applications-63015b50abc > Или видео https://youtu.be/5nmpokoRaZI // shallowCopyWithSaveMap.js const a = {x:1, y:2, z:3}; const b = shallowCopyWithSaveMap(a); console.log("a and b is different objects:", a !== b); console.log("a and b have same map:", %HaveSameMap(a, b)); # shell node --allow-natives-syntax ./shallowCopyWithSaveMap.js > a and b is differend objects: true > a and b have same map: true

по статье че-т не понятно a = {} b = {} будут тоже общий.... общую внутреннюю хрень иметь?

по статье че-т не понятно a = {} b = {} будут тоже общий.... общую внутреннюю хрень иметь?

Да

Любое добавление значение - это создание класса через наследование от предыдущего класса [который был при не добавленном значении]

типо того

я ни слова не понял)

какие классы вообще)

какие классы вообще)

https://github.com/v8/v8/wiki/Design-Elements#fast-property-access

кто в регулярках шарит, помогите ? есть строка (10011011), я написал шаблончик где в одной группе у меня еденицы а в другой 0 , как теперь можно их заменить ? Чтобы еденицы стали 0 , а 0 еденицами

кто в регулярках шарит, помогите ? есть строка (10011011), я написал шаблончик где в одной группе у меня еденицы а в другой 0 , как теперь можно их заменить ? Чтобы еденицы стали 0 , а 0 еденицами

'10011011'.split('').map(l => l === '0' ? '1' : '0').join('') )

/10/01/y

'10011011'.split('').map(l => l === '0' ? '1' : '0').join('') )

уже сделал, через реплейс.

спасибо

кто в регулярках шарит, помогите ? есть строка (10011011), я написал шаблончик где в одной группе у меня еденицы а в другой 0 , как теперь можно их заменить ? Чтобы еденицы стали 0 , а 0 еденицами

А давай ты не будешь спамить во все чаты?

'10011011'.split('').map(l => l === '0' ? '1' : '0').join('') )

https://stackoverflow.com/questions/4338315/javascript-inverting-a-binary-value-of-a-number

мб так быстрее немного будет

'10011011'.replace('', c => { switch (c) { case '0': return '1'; default: return '0'; } })