https://gist.github.com/OlegRyzhkov/5144180e2f6cd63e237a000754fbf646
Vladimir
Oleg
пока не добавишь, естественно не заработает.
artalar
помогите, пожалуйста, разобраться, как изменить hover и focus в mui TextField
Может быть будет полезно: https://stackoverflow.com/questions/46173259/how-can-i-change-textfield-underline-hover-color-by-theme-palette
Dmytro
https://gist.github.com/OlegRyzhkov/5144180e2f6cd63e237a000754fbf646
хз, попробуй поднять функцию checkCondition выше useEffect'a в котором она юзается и убери debugger'ы
Oleg
разбей на несколько компонентов
изначально он был классовым, но надо с перформансом что-то делать
Eugene
Oleg
Eugene
код покажи.
const useStyles = makeStyles(() => ({
notchedOutline: {
borderColor: "#66A4D4",
"&:hover": {
backgroundColor: "#A3D6EE",
}
},
}))
<TextField
InputProps={{
classes: {
notchedOutline: classes.notchedOutline,
},
}}
/>
Oleg
const useStyles = makeStyles(() => ({
notchedOutline: {
borderColor: "#66A4D4",
"&:hover": {
backgroundColor: "#A3D6EE",
}
},
}))
<TextField
InputProps={{
classes: {
notchedOutline: classes.notchedOutline,
},
}}
/>
const useStyles = makeStyles(() => ({
notchedOutline: {
borderColor: "#66A4D4",
"&:hover": {
backgroundColor: "#A3D6EE",
},
'&:focus': {
backgroundColor: "#ff0000",
},
},
}))
Oleg
const useStyles = makeStyles(() => ({
notchedOutline: {
borderColor: "#66A4D4",
"&:hover": {
backgroundColor: "#A3D6EE",
}
},
}))
<TextField
InputProps={{
classes: {
notchedOutline: classes.notchedOutline,
},
}}
/>
ты уверен, что нужно именно notchedOutline: classes.notchedOutline?
Oleg
TextField из материала?
Eugene
ты уверен, что нужно именно notchedOutline: classes.notchedOutline?
цвет бордера меняется таким свойством
King Of
Ребят.
В react-redux reducer должен быть один или можно несколько?
Oleg
да
function RedditTextField(props) {
const classes = useStylesReddit();
return <TextField InputProps={{ classes, disableUnderline: true }} {...props} />;
}
c доки.
Александр
Ребят.
В react-redux reducer должен быть один или можно несколько?
Один, верхнего уровня всегда один
Александр
Но есть же combineReducers
Sergey
Подскажите почему у меня в CRA при react-scripts start не так как при build генерируются пути до статики? У меня указан homepage: “.”
Oleg
хз должно работать.
Eugene
function RedditTextField(props) {
const classes = useStylesReddit();
return <TextField InputProps={{ classes, disableUnderline: true }} {...props} />;
}
c доки.
disableUnderline: true
это здесь для чего?
Eugene
Eugene
и еще ворнинг вылетел на disableUnderline
Oleg
что это за элемент вообще?
Oleg
Eugene
внутри инпута
Eugene
не внутри, рядом
Eugene
сиблинг
Oleg
сделай на ховер самого инпута
Oleg
ховер видит верхний элемент, и у тебя нижний под ним не срабатывает
Eugene
пруф
const useStyles = makeStyles(() => ({
input: {
fontSize: 16,
padding: 10,
color: "#66A4D4",
"&:hover": {
borderColor: "#A3D6EE",
}
}))
Oleg
const useStyles = makeStyles(() => ({
input: {
fontSize: 16,
padding: 10,
color: "#66A4D4",
"&:hover": {
borderColor: "#A3D6EE",
}
}))
добавь класс какой-то (не динамический)
'&:hover .some': {
bg: 'red',
},
Eugene
<TextField
variant="outlined"
placeholder="Log in"
className={classes.textField}
InputProps={{
classes: {
input: classes.input,
notchedOutline: classes.notchedOutline,
},
}}
/>
Eugene
Eugene
что это вообще будет
Oleg
🐏 Alexander
Bogdan
@sovasergey подскажи пж, а как в симбиоте редюсер понимает, что нужно сделать именно то, что нужно? тоесть типов ведь нету? потому что ф-я напрямую его меняет и одна не сможет сделать другое действие?
Sergey
artalar
@sovasergey подскажи пж, а как в симбиоте редюсер понимает, что нужно сделать именно то, что нужно? тоесть типов ведь нету? потому что ф-я напрямую его меняет и одна не сможет сделать другое действие?
Вы очень плохо вопрос сформулировали, я ничего не понял. Опишите какую конкретную проблему вы хотите решить
Bogdan
Вы очень плохо вопрос сформулировали, я ничего не понял. Опишите какую конкретную проблему вы хотите решить
я хочу узнать, как symbiotes понимает, что нужно сделать? в ридаксе обычно тип передаешь и редюсер относителььно типа понимает, что нужно сделать, а там как? вместо типа просто ф-я вызывается?
wolfe
artalar
я хочу узнать, как symbiotes понимает, что нужно сделать? в ридаксе обычно тип передаешь и редюсер относителььно типа понимает, что нужно сделать, а там как? вместо типа просто ф-я вызывается?
Простите, но мне кажется, у вас какая-то каша в голове
Ivan
Учу роутер, не совсем понятен момент, почему нужно явно обновлять через key зависимый компонент (например форму) куда попадает id из articles/:id . Если он туда приходит в пропсах, то по идее сам компонент должен обновляться?
artalar
Простите, но мне кажется, у вас какая-то каша в голове
Зачем вам знать как симбиоты работают… Ну загляните в код.
Причем редусер и статические типы…
Что значит “что нужно сделать”….
Bogdan
Простите, но мне кажется, у вас какая-то каша в голове
я не пойму, что не понятного просто? вот есть диспач, он принимает обьект с типом, по этому типу в свиче , ф-я редюсер смотрит, что нужно сделать, ну
artalar
я не пойму, что не понятного просто? вот есть диспач, он принимает обьект с типом, по этому типу в свиче , ф-я редюсер смотрит, что нужно сделать, ну
Изучите код библиотеки - там все описано 🙂
artalar
Это будет достаточно полезный опыт
Oleg
Vadim
как и без симбиота
Bogdan
в симбиоте редюсер
это что вообще?
сформулировал криво, думал так будет понятнее, что имеется ввиду
Oleg
так в редьюсере есть типы...
Oleg
какие? я может не видел?
ты явно говоришь не о том редьюсере, о котором я думаю (дефолтный который)
Bogdan
типы, я имел ввиду обьект с типом, который в диспач передается
blvck
нет, в редьюсере на входе есть экшн и состояние, на выходе состояние в зависимости от экшена
blvck
так в редьюсере есть типы...
Oleg
ну... каждый экшн имеет тип.
Bogdan
blvck
и это не связано с редаксом/симбиотом, это така функция и таковы ее свойства
Bogdan
один файл, вместо 3ех