Ruslan
Я ангуляром не обмазывался, поэтому не знаю
Michail
Michail
Один в один см выше, но спасибо все равно 👍
Ruslan
Один в один см выше, но спасибо все равно 👍
Но лучше отрефакторить:
function collapse (arr) {
return [...new Set(arr)];
}
function isIterable(obj) {
return obj != null && typeof obj[Symbol.iterator] === 'function';
}
function collapseAll (...args) {
const all = args.reduce((arr, arg) => {
return isIterable(arg) ? arr.concat(...arg) : arr;
}, []);
return collapse(all)
}
function collapseKeys (...args) {
return collapseAll(
...args.map(obj => obj && Object.keys(obj))
)
}
function mergeByKey(...args){
return collapseKeys(...args).reduce((result, key) => {
result[key] = collapseAll(obj1[key], obj2[key]);
return result;
}, {});
}
Амир
Делаю приложение на electron, при нажатии на одну из кнопок, диалог закрывается. Как сделать чтобы не закрывался?
dialog.showMessageBox({
buttons: ["Copy to clipboard", "OK"]})
Камиль
ребзя, как лучше организовать стили в реакт приложении?
Камиль
можно же в папке каждого компонента создать style.css и подключить его в компоненте?
Андрей
Андрей
Компонент - это изолированная единица, поэтому лучше делать так.
Камиль
Спасибо
Michail
Michail
Anonymous
Ага и все 😂
Вопрос был только про то где лучше стили хранить для компонента.
Anonymous
В обоих случаях ответ схож и различается только расширением файла.
Камиль
ребя
Камиль
мои действия:
создаю style.css в папке с компонентом
в JS файле компонента создаю делаю import style from './style.ccs'
в js файле компонента делаю <p className="{style.index}"></p>
Камиль
правильно?
Cenator 🐈
работает ?
Камиль
неа)
Michail
Кмк просто import './style.css'
Michail
И в компоненте className="my-classname"
Anonymous
Anonymous
Cenator 🐈
если ты импортируешь файл css, то перманентные класснеймы лучше строкой писать наверное?
Anonymous
чё?
Cenator 🐈
className="classname", без усов
Cenator 🐈
вообще без специальных настроек вебпак все стили сделает глобальными
Anonymous
Если у тебя есть такой стиль:
.index {
position: absolute;
...
}
.blablabla { ... }
То при импорте import styles from './styles.css' ты получишь объект styles:
{
index: '.abrakadabra',
blablabla: '.huyabrakadabra'
}
Anonymous
Вот и всё. Соответственно,
<p className={style.index}></p> — это правильно. Если без кавычек.
Anonymous
Да, чёрт возми, убери кавычки.
Камиль
наверное <p className={styles.index}></p>
Камиль
&
Камиль
?
Anonymous
Cenator 🐈
Cenator 🐈
реакт(или вебпак) не умеет преобразовывать css файл в объект
Cenator 🐈
как обьект использовать можно только если ты сам изначально сделал его объектом и импортишь из .js файла
Anonymous
Ох... Сегодня же выходной.
Anonymous
Anonymous
Cenator 🐈
https://i.gyazo.com/8ceb00cc1b89e40813f33e7bb1a9e71f.png
Cenator 🐈
https://i.gyazo.com/0f62f4757008ef1b2517486e670ac2a9.png
Cenator 🐈
https://i.gyazo.com/01a1cea00c3da00b1cc95ebe3bdb8a46.png
Cenator 🐈
@bigslycat
Anonymous
Обратись к свойству, а не к объекту.
Cenator 🐈
Anonymous
Ты проверил?
Cenator 🐈
да
Sergey
Anonymous
Хм.
Sergey
console.log({ style })
Cenator 🐈
лол я вывел
Sergey
и что там
Cenator 🐈
а ща
Cenator 🐈
https://i.gyazo.com/81538baaf7520f6eec4654b790769e29.png
Cenator 🐈
что и следовало ожидать
Sergey
покажи как настроил css-модули
Sergey
Sergey
версия вебпака?
Cenator 🐈
Sergey
так
Sergey
поставь в опции modules: true
Cenator 🐈
Sergey
так это
если модули выключены
ты можешь классы без переменных писать
Sergey
тут же объект классов нужен, потому что css-классы с хэшами
Cenator 🐈
так я и писал раньше классы строкой, но они глобально потом в head вставлялись, поэтому сразу на styled-somponents перешел
Cenator 🐈
лол
Anonymous
приветсвтую, господа. не подскажете норм бесплатный хостинг? чисто поиграться
Костя
сморя для каких целей
Костя
я, например, чито поиграться использовал c9.io
Anonymous
сморя для каких целей
почувствовать все прелести web. Сначала немного разобраться с хостингами, доменами, потом уже перейти на полноценный хостинг со всеми вытекающими
Evgeniy
Местные правила не запрещают постить предложения о работе?
Anonymous
Anonymous
зарегать