Всем привет ! Есть вопрос , уже не знаю куда обращатся ...Нужна помощь относительно webpack , Скажите почему у меня не собирает @import - ты стилей в один файл ? то есть из других папок с компонентами .scss , в один index.scss он мне выдает ошибку что ему не хватает плагина , но изредка он их компелирует и нормально открвает это баг какой-то ? Помогите люди добрые )

это когда ты пишешь на пхп, вроде программист, но геи считают своим, вот второе - это сайд эффект

@webpack_ru

Это лучшее обьяснение что я видел

интересно, геи = фронтенд? я так и не понял

Ни в коем случае, геи === php

:D

скажите вот таким способом сетСтейт сильно паршиво? getIndexFromDiagram = (element: any) => { const { activeIndex, fill } = element; console.log(this.state.data.index, activeIndex, fill); (this.state.data.index.activeIndex != element.activeIndex || this.state.data.index.fill != element.fill) { let newState = Object.assign({}, this.state); newState.data.index.activeIndex = element.activeIndex; newState.data.index.fill = element.fill; this.setState(newState); } };

Да

и шо вместо него?

и шо вместо него?

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

скажите вот таким способом сетСтейт сильно паршиво? getIndexFromDiagram = (element: any) => { const { activeIndex, fill } = element; console.log(this.state.data.index, activeIndex, fill); (this.state.data.index.activeIndex != element.activeIndex || this.state.data.index.fill != element.fill) { let newState = Object.assign({}, this.state); newState.data.index.activeIndex = element.activeIndex; newState.data.index.fill = element.fill; this.setState(newState); } };

if (element.payload == 'Сценариев' && element.value == '17') { classNameAll = ['curent_status_line', 'clicked-value-all'].join(' '); classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценариев' && element.value == '14') { classNameActive = ['curent_status_line', 'clicked-value-active'].join(' '); classNameAll = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценария' && element.value == '3') { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = ['curent_status_line', 'clicked-value-nonactive'].join(' '); } else { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } }; переписать на свитч-кейс?

if (element.payload == 'Сценариев' && element.value == '17') { classNameAll = ['curent_status_line', 'clicked-value-all'].join(' '); classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценариев' && element.value == '14') { classNameActive = ['curent_status_line', 'clicked-value-active'].join(' '); classNameAll = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценария' && element.value == '3') { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = ['curent_status_line', 'clicked-value-nonactive'].join(' '); } else { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } }; переписать на свитч-кейс?

if (element.payload == 'Сценариев' && element.value == '17') { classNameAll = ['curent_status_line', 'clicked-value-all'].join(' '); classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценариев' && element.value == '14') { classNameActive = ['curent_status_line', 'clicked-value-active'].join(' '); classNameAll = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } else if (element.payload == 'Сценария' && element.value == '3') { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = ['curent_status_line', 'clicked-value-nonactive'].join(' '); } else { classNameAll = 'curent_status_line'; classNameActive = 'curent_status_line'; classNameNonactive = 'curent_status_line'; } }; переписать на свитч-кейс?

google "classnames js"

const changeInputHandler = event => { input = event.target.value; history.push({ pathname: match.params.categoryId, search: input }); }; Вот пока что так, но не работает как нужно

Кто-то знает способ отображения pptx в react?

Office365

Как можно заюзать тег как значение в js? const Component = props.mask ? ReactInputMask : input return <Component value=‘wtf’ /> Ругается input is not defined

Реф

так либо в input тебе что-то вроде (props) => <input {..props} /> либо сразу const Component = props.mask ? ReactInputMask : <input {...props} />

нагуглил только такой вариант 🤔 <Child tag="h1" /> const Child = ({ tag: Tag}) => ( <Tag>Hello World</Tag> )

Как можно заюзать тег как значение в js? const Component = props.mask ? ReactInputMask : input return <Component value=‘wtf’ /> Ругается input is not defined

а откуда Tag импортируется? В реакте такого нет

нагуглил только такой вариант 🤔 <Child tag="h1" /> const Child = ({ tag: Tag}) => ( <Tag>Hello World</Tag> )

пропс же { tag: Tag}

А тут разве нет ошибки? В данном случае ведь Tag - как тип, а не переданный параметр, не?

А тут разве нет ошибки? В данном случае ведь Tag - как тип, а не переданный параметр, не?

const Component = props.mask ? ReactInputMask: 'input’ заработало, всем спасибо

лол)

Тем более это не TS

кто знает ангельский переведите Its usefulness is orthogonal to the target low-level view API paradigm.)

Его полезность никак не связана с ... и далее по тексту, потому что без контекста это не переводится.

Стало понятнее

Ты не знаешь что такое слово "ортогональный"?)

знаю, но значение в котором оно употреблено тут ты подсказал

Народ, подскажите плз в какую сторону смотреть. Есть массив элементов. Их надо вывести и по клику на кнопку переключать фон у активного. Если иду "в лоб", то на каждую смену активного элемента происходит полный рендер массива, что явно не tue. Как при смене активного элемента перерисовывать только два (предыдущий и новый) ? Уже переписал с useMemo, но все равно на каждый клик идет обход всего массива. Код тут https://codesandbox.io/s/react-usememo-usestate-ooyz2

а причем тут useMemo? важно здесь разбить список который рендерит мапу и сами элементы мапы на разные компоненты

Дак вроде как разбито на компоненты.

закинь код на codesandbox) у тебя либо функция установки активности элемента меняет свою ссылку, либо айтемы не мемо

https://codesandbox.io/s/react-usememo-usestate-ooyz2

https://codesandbox.io/s/react-usememo-usestate-ooyz2