ваш код - пример как делать не надо

ок

List должен иметь массив элементов в стейте. FormData должна его принимать. List должен отвечать за мутацию массива. =>FormData должна получать ф-ю, которая передается от List'а и в List'е обновляется стейт. <FormData items={this.state.listItems} onItemChane={this.handleItemChange} /> Где handleItemChange и вызывает setState с новым массивом

List должен иметь массив элементов в стейте. FormData должна его принимать. List должен отвечать за мутацию массива. =>FormData должна получать ф-ю, которая передается от List'а и в List'е обновляется стейт. <FormData items={this.state.listItems} onItemChane={this.handleItemChange} /> Где handleItemChange и вызывает setState с новым массивом

сенкс за ревью, погнал разбираться

всем привет

как должна работать данная конструкция? import classes from './Chat.scss';

Лучше не надо

как должна работать данная конструкция? import classes from './Chat.scss';

в classes будут ключи === css классам

как должна работать данная конструкция? import classes from './Chat.scss';

Посмотри на styled-components

в classes будут ключи === css классам

а почему не подгружается?

а почему не подгружается?

там не должно быть само содержимое класса, а только его селектор

а почему не подгружается?

sass-loader не настроен?

там не должно быть само содержимое класса, а только его селектор

там пустой массив

sass-loader не настроен?

настроен

но может не до конца?

Саги, обзерваблы в помощь

Так ведь насколько я понимаю, эти действия не асинхронные

но может не до конца?

перепроверь опции css-loader, modules: true там должно быть

что там должно быть true?

что там должно быть true?

https://github.com/webpack-contrib/css-loader#modules

https://github.com/webpack-contrib/css-loader#modules

не помогло, scss-loader подключен следующим образом: { test: /\.scss$/, loader: [ require.resolve('style-loader'), require.resolve('css-loader'), require.resolve('sass-loader'), ] }, { // Exclude `js` files to keep "css" loader working as it injects // its runtime that would otherwise processed through "file" loader. // Also exclude `html` and `json` extensions so they get processed // by webpacks internal loaders. exclude: [/\.(js|jsx|mjs)$/, /\.html$/, /\.json$/, /\.scss$/,], loader: require.resolve('file-loader'), options: { name: 'static/media/[name].[hash:8].[ext]', },

это откуда такой кофиг?

ну это из разных мест)

или подробнее нужно?

сек

{ test: /\.scss$/, use: [{ loader: require.resolve('style-loader'), }, { loader: require.resolve('css-loader'), options: { modules: true, } }, { loader: require.resolve('sass-loader'), }], },

както так должно быть

возможно еще importLoaders: 1, опцию надо будет вместе с modules: true

{ test: /\.scss$/, use: [{ loader: require.resolve('style-loader'), }, { loader: require.resolve('css-loader'), options: { modules: true, } }, { loader: require.resolve('sass-loader'), }], },

заработало, спасибо!

?

Допустим у меня есть компонент FormPart вида <div> <Field /> </div> Я хочу в jsx родителя вставить его, обернув в хок redux-form и передав некоторые пропсы Я это сейчас сделал так: render() { const Form = reduxForm()( () => <FormPart foo={bar} />) return (<div><Form /></div>) } Можно как-то сразу в jsx обернуть, без создания специального компонента? В стиле return (<div>{reduxForm()( и вот тут что-то)}</div>

Или же это норма и так и надо делать?

Господа ткните мордой, как подружить formik с сторонними компонентами? Например с react dadata и компонентами ипутами обернутыми в кучу врапперов

Господа ткните мордой, как подружить formik с сторонними компонентами? Например с react dadata и компонентами ипутами обернутыми в кучу врапперов

делать врапперы из <Field>

Здравствуйте, подскажите пожалуйста, с чего начать изучение реакта? Правильно ли я делаю, что прохожу книгу Eloquent JS или это лишнее? Сейчас знаю html/css и js на уровне синтаксиса

Здравствуйте, подскажите пожалуйста, с чего начать изучение реакта? Правильно ли я делаю, что прохожу книгу Eloquent JS или это лишнее? Сейчас знаю html/css и js на уровне синтаксиса

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

когда доходит до mega-menu или ссылки link то меню отображается, но в меню вложены другие элементы, и при попадании курсора на них меню исчезает Как сделать так, чтобы при наведении курсора по любому элементу в меню ,меню показывалось https://codepen.io/anon/pen/rKVMxL

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

Как гуглить? "learn js es6"?

Как гуглить? "learn js es6"?

Что-то вроде

ребзя как передать параметр на страницу типа browserHistory.push('/pagge1', {}) в объекте хочу передать параметры так можно?

history.push({ pathname: '/about', search: '?the=search', state: { some: 'state' } })

history.push({ pathname: '/about', search: '?the=search', state: { some: 'state' } })

я вообще не пользуюсь стейтом в роутах

?тоже не приходилось, это так, текст из доки копипастнул.

ребзя как передать параметр на страницу типа browserHistory.push('/pagge1', {}) в объекте хочу передать параметры так можно?

Какой-такой у тебя кейс, что тебе это понадобилось?

делаю переход на страницу там нужно указать с какой страницы прешел

делаю переход на страницу там нужно указать с какой страницы прешел

чтобы потом автоматически вернуться на нее?)

нет

делаю переход на страницу там нужно указать с какой страницы прешел

document.referrer?

что это?

что это?

А не, для спа не подойдет

Ребят, подскажите, кто юзал next-js, как можно подключить css файл из другой библиотеки? Пробую его закинуть в _document.js в Head тег, но он почему-то игноиртся. То есть выдает, что типа стилей таких нет

404 Not Found

404 Not Found

next-css заюзай

я юзаю next-sass, но это для цсс модулей

и они внутри проекта

а чтобы заюзать стили извне, как поступить?

Может и правда нет такого файла

да ну как? может он не может определенные папки мониторить?

ERROR: S client not available

Может и правда нет такого файла

у меня этот файл лежит в libs/libname/index.css и я прописываю <link rel="stylesheet" href="/libs/shared/index.css"/>

Ну так посмотри в доке в какую папку складывать статику

Вроде надо только в папку static складывать

Ну так посмотри в доке в какую папку складывать статику

так он же автоматом туда что-то свое билдит. Можно как-то настроить его, чтобы копировались стили туда при билде?

Юзайте styled-components

Какой index.css в 2018

Ребят, подскажите, кто юзал next-js, как можно подключить css файл из другой библиотеки? Пробую его закинуть в _document.js в Head тег, но он почему-то игноиртся. То есть выдает, что типа стилей таких нет

Через вебпак

Ага, вообще выбпак должен сам подключать с либ стили, если все ок с конфигом. а ещё тупо через import ‘your-lib/index.css’

Ага, вообще выбпак должен сам подключать с либ стили, если все ок с конфигом. а ещё тупо через import ‘your-lib/index.css’

да нифига, он не хочет

Ага, вообще выбпак должен сам подключать с либ стили, если все ок с конфигом. а ещё тупо через import ‘your-lib/index.css’

там по дефолту нет такого

спасибо, ребят. Просто закинул в папку static

так он же автоматом туда что-то свое билдит. Можно как-то настроить его, чтобы копировались стили туда при билде?

в sass мог импортнуть

получается он все копирует как раз из папки static в свою build директорию

нет

нет

так а чего заработало?

так а чего заработало?

он ее сервит как есть

он же не понимает левых папок, типа libs, правильно?

неа

а эту по умолчанию сервит, все ясно

супер, спасибо

в доке все написано же

туда получается и все картинки сливать и файлы. да?

да

Create a folder called static in your project root directory. From your code you can then reference those files with /static/ URLs:

вот и все что там написано

и кусочек кода

да

а еще к тебе вопрос. Почему next.js не всегда подгружает стили. То есть у меня есть компонент с css module, и иногда он просто загружается без стилей из того компонента. С чем может быть связано?

или это только в дев моде такое может быть?