Как в редаксе реализовать структуру аккаунтов?

|
kirillmohno185 2022-07-01 14:55:29
Pavel_Front_end 2022-07-01 14:54:19
index.js так должен выглядеть , сравни

Это если 17-й реакт

mulfyx 2022-07-01 14:55:40
kirillmohno185 2022-07-01 14:54:58
Всё правильно

var classNames = require(‘classnames/bind’);

var styles = {
foo: ‘abc’,
bar: ‘def’,
baz: ‘xyz’
};

var cx = classNames.bind(styles);

var className = cx(‘foo’, [‘bar’], { baz: true }); // => «abc def xyz»

впервые вижу чтобы через бинд делали

kirillmohno185 2022-07-01 14:56:18
mulfyx 2022-07-01 14:55:40
впервые вижу чтобы через бинд делали

react_js-1485395.jpg
Официальная документация гуглится в 2 минуты

iamrr 2022-07-01 14:59:41
kirillmohno185 2022-07-01 14:56:18
Официальная документация гуглится в 2 минуты

Там другой вариант выше предлагают использовать

tfv33 2022-07-01 15:00:41
Привет, подскажите пожалуйста, я чёт сижу и не получается почему-то сделать, при наведении на хедер колонки, подсвечивать иконки сортировки (когда не наводим, она серая, когда наводим она синяя):
запилил в сандбоксе пример
Добавил код для подсветки хедера, но как конкретно подсвечивать стрелки чёт не додуплю :/

Multiple Sorting — DevExtreme Data Grid (forked) — CodeSandboxCodeSandbox
The DataGrid component can sort values by a single or multiple columns. Use the sorting.mode property to specify the sort mode:\n\n\nSingle sort mode\nA user can click the column header to sort by this column and click it again to change the sort order (ascending or descending). An arrow icon in the column’s header indicates the sort order.\n\n\nMultiple sort mode\nA user can hold the Shift key and click column headers in the order the user wants to apply sorting. A number in the column’s header indicates the sort index. To cancel a column’s sort settings, a user should hold the Ctrl key and click the column header.\n\n\nA user can also apply or cancel sort settings in the column header’s context menu. To disallow a user to sort by a particular column, set the column’s allowSorting property to false.\nTo specify the initial sort settings, use the column’s sortOrder and sortIndex properties. You can also use these properties to change sort settings at runtime, as shown in this demo.\n
kirillmohno185 2022-07-01 15:01:18
iamrr 2022-07-01 14:59:41
Там другой вариант выше предлагают использовать

Если ES2015

Ks0d4R 2022-07-01 15:01:52
Всем привет, подскажите пожалуйста, как в редаксе реализовать структуру аккаунтов? Т.е account-1: {data1}, accoun-2: {data2} …
Shainidze 2022-07-01 15:02:01
Всем привет. Нужно сверстать электронное письмо для рассылки в формате html. Погуглив, оказалось что все не так просто как при повседневной вёрстке. Кто имел опыт поделитесь плиз инструментами которым вы пользовались!
iamrr 2022-07-01 15:03:30
kirillmohno185 2022-07-01 15:01:18
Если ES2015

Там от es2015. Или ты используешь раннюю версию?)

iamrr 2022-07-01 15:04:30
Ks0d4R 2022-07-01 15:01:52
Всем привет, подскажите пожалуйста, как в редаксе реализовать структуру аккаунтов? Т.е account-1: {data1}, accoun-2: {data2} …

Вопрос не понятен. Accounts: [{key: data}]

demidovez 2022-07-01 15:04:31
Ks0d4R 2022-07-01 15:01:52
Всем привет, подскажите пожалуйста, как в редаксе реализовать структуру аккаунтов? Т.е account-1: {data1}, accoun-2: {data2} …

accounts: [
{
id: 0,
data: {}
},
{
id: 1,
data: {}
},
]

Ks0d4R 2022-07-01 15:06:18
Shainidze 2022-07-01 15:02:01
Всем привет. Нужно сверстать электронное письмо для рассылки в формате html. Погуглив, оказалось что все не так просто как при повседневной вёрстке. Кто имел опыт поделитесь плиз инструментами которым вы пользовались!

Посмотри либу mjml

andryushka671 2022-07-01 15:06:19
react_js-1485406.jpg
react-router-dom v6
есть масив вот таких роутов, вывожу их с помощью map() но почему то пишет варнинг что роутов не существует, ну и не работает в конечном итоге, может кто встречал?
Ks0d4R 2022-07-01 15:06:53
demidovez 2022-07-01 15:04:31
accounts: [
{
id: 0,
data: {}
},
{
id: 1,
data: {}
},
]

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

Shainidze 2022-07-01 15:07:42
Ks0d4R 2022-07-01 15:06:18
Посмотри либу mjml

Благодарю, посмотрю

bxckwoodDev 2022-07-01 15:09:25
react_js-1485409.jpg
Почему submit не прожимается?
demidovez 2022-07-01 15:10:23
bxckwoodDev 2022-07-01 15:09:25
Почему submit не прожимается?

onSubmit={() => handleSumbit(onSumbi1)}

demidovez 2022-07-01 15:10:54
надо передавать функцию, а не ее вызов
andrewchirkov3 2022-07-01 15:11:15
bxckwoodDev 2022-07-01 15:09:25
Почему submit не прожимается?

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

bxckwoodDev 2022-07-01 15:11:29
andrewchirkov3 2022-07-01 15:11:15
потому что слушатели принимают функцию, а не результат ее выполнения

а как тогда

andrewchirkov3 2022-07-01 15:11:35
bxckwoodDev 2022-07-01 15:11:29
а как тогда

тебе же написали

bxckwoodDev 2022-07-01 15:11:42
у меня страница теперь обновляется
andrewchirkov3 2022-07-01 15:12:07
хз что ты делаешь вообще
andrewchirkov3 2022-07-01 15:12:20
что у тебя там в handleSubmit
Анастасия Акулинина 2022-07-01 15:12:30
Продам домены, не дорого
bxckwoodDev 2022-07-01 15:12:50
эт хук их реактхукформ
andrewchirkov3 2022-07-01 15:14:02
bxckwoodDev 2022-07-01 15:12:50
эт хук их реактхукформ

какой-то странный хук

keijnn 2022-07-01 15:14:07
tfv33 2022-07-01 15:00:41
Привет, подскажите пожалуйста, я чёт сижу и не получается почему-то сделать, при наведении на хедер колонки, подсвечивать иконки сортировки (когда не наводим, она серая, когда наводим она синяя):
запилил в сандбоксе пример
Добавил код для подсветки хедера, но как конкретно подсвечивать стрелки чёт не додуплю :/
https://codesandbox.io/s/multiple-sorting-devextreme-data-grid-forked-1ecfib?file=/styles.scss

.dx-datagrid-headers .dx-datagrid-table .dx-row >
td:hover .dx-sort.dx-sort-none {
color: red !important;
}

И убери color: gray ну или ипортант убери у него

bxckwoodDev 2022-07-01 15:14:08
у меня сначала работало, а потом перестало работать
bxckwoodDev 2022-07-01 15:14:18
я даже не знаю с чем это связано
andrewchirkov3 2022-07-01 15:14:30
скорее всего ты непонятно что делаешь, скинь код всего компонента
bxckwoodDev 2022-07-01 15:15:14
Снова заработало азаза
VolodyaKorol 2022-07-01 15:16:25
народ дайте норм ресурс где можно почитать про веб сокеты best practices
callisto570 2022-07-01 15:17:08
DOR_RITO 2022-07-01 14:53:17
ща

получилось?

whitedook 2022-07-01 15:19:51
react_js-1485428.jpg
Ребят всем привет подскажите как убрать фон у Upload ant design
tfv33 2022-07-01 15:19:58
keijnn 2022-07-01 15:14:07
.dx-datagrid-headers .dx-datagrid-table .dx-row >
td:hover .dx-sort.dx-sort-none {
color: red !important;
}

И убери color: gray ну или ипортант убери у него

.dx-datagrid-action:hover {
.dx-sort-none::before {
content: ‘\▲\A\▼’ !important;
white-space: pre;
line-height: .8em;
margin: 0 0 0 5px;
color: red !important;
}
}

так получилось

betteram 2022-07-01 15:20:39
react_js-1485430.jpg
Help, у кого-нибудь есть опыт с этой ошибкой? в первые такая, не понимать как исправить. в инете смотрел, не помогло
whitedook 2022-07-01 15:20:57
react_js-1485431.jpg
Ребят всем привет подскажите пожалуйста как убрать фон у Upload ant design
alex_samurai 2022-07-01 15:23:07
whitedook 2022-07-01 15:20:57
Ребят всем привет подскажите пожалуйста как убрать фон у Upload ant design

Посмотри какой там селектор через девтулзы, и поменяй, либо посмотри в доке мейби компонент принимает стили, но опять же тебе будет нужен селектор

123 2022-07-01 15:25:03
mulfyx 2022-07-01 14:55:10
хуевый видеоурок был значит, обычно что-то по типу

import classnames from ‘classnames’;

classnames(styles.container, { [styles.border]: border })

Получается bind лишняя прослойка?

mulfyx 2022-07-01 15:25:14
123 2022-07-01 15:25:03
Получается bind лишняя прослойка?

да

whitedook 2022-07-01 15:25:59
alex_samurai 2022-07-01 15:23:07
Посмотри какой там селектор через девтулзы, и поменяй, либо посмотри в доке мейби компонент принимает стили, но опять же тебе будет нужен селектор

react_js-1485435.jpg
получается что нашел, но как мне его в стайлд компонентс поправить?

DOR_RITO 2022-07-01 15:30:10
callisto570 2022-07-01 15:17:08
получилось?

да

callisto570 2022-07-01 15:30:21
хорош
MadFred42 2022-07-01 15:31:23
whitedook 2022-07-01 15:25:59
получается что нашел, но как мне его в стайлд компонентс поправить?

В дефолтных стилях ant поменять мб

whitedook 2022-07-01 15:31:52
MadFred42 2022-07-01 15:31:23
В дефолтных стилях ant поменять мб

А можно чуток по больше обьяснить

MadFred42 2022-07-01 15:33:03
whitedook 2022-07-01 15:31:52
А можно чуток по больше обьяснить

Я не пользовался ант, но в доке есть

https://ant.design/docs/react/customize-theme

Customize Theme — Ant Designant.design
Ant Design allows you to customize our design tokens to satisfy UI diversity from business or brand requirements, including primary color, border radius, border color, etc.
123 2022-07-01 15:37:10
mulfyx 2022-07-01 15:25:14
да

И принцип добавления классов другой.
C «bind» мы записываем класс как ‘строка’ className={cl(«login»)},
а без «bind» каждый стиль записывается как свойство объекта className={classnames(styles.login)}
Я правильно понял?)

Kvazar30 2022-07-01 15:41:37
whitedook 2022-07-01 15:31:52
А можно чуток по больше обьяснить

react_js-1485442.jpg

Kvazar30 2022-07-01 15:41:38
whitedook 2022-07-01 15:31:52
А можно чуток по больше обьяснить

react_js-1485443.jpg

|