А разве SASS стандартно не ставится из коробки npm install sass-loader node-sass --save-dev?

Привет ! Как подключать SASS модули с localIdentName ? React 16.11. В туториале 2018-го пишут, что надо в webpack.config.js в module.export = { module: { rules: { { test: /\.css$/, use: [ require.resolve('style-loader'), { ... }

Мне нужно включить хеширование локальных классов

Вот такая опция нужна [name]__[local]—[hash:base64:5]

А что это? Ты нотацию классов какую используешь по BEM?

Объясни тогда зачем в таком случае тебе вообще препроцессор, не понял какая нотация классов у тебя

Но у меня конфиг такого вида. Куда нужно прописать ?

getCSSModuleLocalIdent глянь куда ведет он

Вот. Куда над вставить, подскажи плиз ?

ты юзаешь SCSS Modules?

SASS

а конкретнее?

и файлы вида .module.sass?

Нет, стили просто .sass

cosnt test= () =>{ ........ } //между функциями пробел cosnt test2= () =>{ ........ }

cosnt test= () =>{ ........ } //между функциями пробел cosnt test2= () =>{ ........ }

cosnt test= () =>{ ........ } //между функциями пробел cosnt test2= () =>{ ........ }

вот вся и причина

тебе IDE настроить нужно

да, иначе он локалиндент не сработает и это вообще фишка цсс модулей в твоем случае Sass Modules

Как понимаю, это такое нововедение? Просто раньше, видимо, обязательно вручную в конфиге надо было подключать

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

рад слышать, сам попробую модули как нибудь я просто на основе функции понял что не так)

ребят че он от меня хочет?) https://codesandbox.io/s/reactredux-60nwt?fontsize=14

оберни во что-нить типа <>{your code}</>

Ребзя, какую либу для drag and drop посоветуете? Необходимо чтобы при drag компонент не выпадал из потока(как на картинке), а остальные компоненты сдвигались после drop компонента

Ребзя, какую либу для drag and drop посоветуете? Необходимо чтобы при drag компонент не выпадал из потока(как на картинке), а остальные компоненты сдвигались после drop компонента

Ребзя, какую либу для drag and drop посоветуете? Необходимо чтобы при drag компонент не выпадал из потока(как на картинке), а остальные компоненты сдвигались после drop компонента

Привет, кто то использовал react-drop-zone?Использую hook useDropZone? передаю и него accept: 'image/jpeg, image/png', но isDragAccept ни как не реагирует

покаж код

у меня и это работает]0

а у меня ни как по разному пробовал писать accept

Ммс типо что в компоненте придётся props создавать с определённым именем?... Да эт хреного... А что если Di юзать, и части состояния инквпсулировать в зависимостях

const {getRootProps, getInputProps, isDragActive} = useDropzone({ accept: 'image/jpeg, image/png', onDrop: acceptedFiles => { // do something with acceptedFiles } });

ну смари я буру любой файл .jpeg тяну его в в дропзону и у меня не меняется isDragAccept с false на true

Ребят, а прокатит такая схема (чтобы при клике и одновременно и экшн запустить и сделать переход в реакт-роутер-доме) ? <Link to=«/blabla»> <Button onClick={myAction(val)} /> </Link>

привет, я смапил родительскую строку и внутри смапил дочернюю и так у меня получилось некоторое колисество таких блоков при нажатии на родителя мне нужно что би дети сворачивались и при повторном розворачивались я питаюсь делать с помощю хуков в один я всовиваю ключ по которому я сравниваю чтоби при нажатии на конкретний родитель свертивались конкретние дети и хук для отображения(useState и то и то) но виходит так, что я нажал на родителя 1 - дети свернулись нажимаю на родителя 2(ожидаю что теперь его дети свернуться) - но сначала розвернулись дети 1 родителя и уже тогда при повторном нажатии сворачиваються дети 2 родителя а нужно что би можна било одновременно сворачивать все и розворачивать вопрос - можно ли ето как -то исправить используя хуки или нужно переходить на класовие компоненти?

проверь

Все работает, проверил 🙂

збс, а в чате зачем спрашивал?

в итоге зря потратил людей на прочтение 😉

Ребят, а прокатит такая схема (чтобы при клике и одновременно и экшн запустить и сделать переход в реакт-роутер-доме) ? <Link to=«/blabla»> <Button onClick={myAction(val)} /> </Link>

handleOnClick = () => { action push('/blabla') } так наверное лучше сделать 🤔

Все работает, проверил 🙂

Да кроме тебя никто и не читал похоже

🤢 ну зачем кнопку в ссылку вкладывать

🤢 ну зачем кнопку в ссылку вкладывать

<Link to=«/mylink»> === this.props.history.push(«/mylink») ???

наверно так больше шансов что нажмут((

Ссылку стилизовать как кнопку

^ ответь плиз на мой вопрос

как правило такой кейс нужен при каком-либо асинхронном действии, поэтому поведение нелогичное совсем, потому что отработает он после перехода, а как он отработает (и отработает ли вообще) - останется загадкой (для юзера)