Eddie
Привет всем, не знаю как решить, как совместить SetState() и массив. Как создать массив в стэйте, так что бы сетстейт работал
Sergey
Привет всем, не знаю как решить, как совместить SetState() и массив. Как создать массив в стэйте, так что бы сетстейт работал
const [state, setState] = useState([])
const push = (value) => setState(list => […list, value])
Denis
const [state, setState] = useState([])
const push = (value) => setState(list => […list, value])
ну ты дал
рано еще хуки показывать
Red[$]hort
Парни, нужна система управления стилями, которая:
1) легковесная
2) позволяет использовать несколько ее копий на странице (разные приложения)
3) не конфликтуют с другими системами управления стилей (css-модули, emotion, styled)
Red[$]hort
Подскажите?
Sergey
Привет всем, не знаю как решить, как совместить SetState() и массив. Как создать массив в стэйте, так что бы сетстейт работал
this.state = { list: [] }
this.setState(({ list }) => ({ list: […list, value] }))
Denis
Denis
я имею ввиду несколько раз установленную в один пакет?
Roman
Ребят, тут кто-то с graphql имел опыт?
MⅨ
Можно как-то добавить цвет в const styles
для withStyles если цвет это проп?
Sergey
Можно как-то добавить цвет в const styles
для withStyles если цвет это проп?
неконкретный вопрос
Roman
оу, сорян.. Я б прост тогда в личку отписал, если конечно можно будет
MⅨ
const StuffComponent = ({color, classes}) => {
return <div className={classes.stuff} />
}
const styles = theme => ({
stuff: {
backgroundColor: ????
}
})
export default withStyles(styles)(StuffComponent)
Denis
const StuffComponent = ({color, classes}) => {
return <div className={classes.stuff} />
}
const styles = theme => ({
stuff: {
backgroundColor: ????
}
})
export default withStyles(styles)(StuffComponent)
все пропсы что приходят в stuff component доступны внутри styles
backgroundColor: props => props.color
MⅨ
А как их подовать?
Denis
куда, в компонент?
MⅨ
типо возвращать фукнцию вместо значнеия?
Denis
возвращать значение, зачем тебе функция в качестве css значения
MⅨ
Но ты возращаешь функцию backgroundColor: props => props.color
которая возращает значение
Denis
откуда я ее возвращаю?
я делаю функцию значением ключа объекта
jss уже сам все вызовет и поставит туда нужную стрингу
MⅨ
Ну ты кидаешь функцию в ключ css backgroundColor
Ilya
Несколько приложений в одном окне
если цель полностью обезапасить себя от конфликтов стилей то можно завернуь каждое приложение в веб компонент
MⅨ
откуда я ее возвращаю?
я делаю функцию значением ключа объекта
jss уже сам все вызовет и поставит туда нужную стрингу
Ну да, то есть ты вохзращаешь фукнцию, а потом withStyles её обработывает, окей
MⅨ
ты ведь не кидал iify (props => props.color)()
Denis
Ну да, то есть ты вохзращаешь фукнцию, а потом withStyles её обработывает, окей
та нет же, ничего я не возвращаю.
возвращает функция, а это объект (дадада фукнции это объекты и тд)
MⅨ
Окей попробую посмтрю получиться ли
MⅨ
функции это обьекты?
Denis
функции это обьекты?
https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Functions
MⅨ
Function object, то есть я могу вызывать из фукнции методы?
Vadim
Denis
Function object, то есть я могу вызывать из фукнции методы?
тадаам
осталось про контекст почитать и все классно будет
Denis
А из методов вызывать методы?
все ты можешь
я б сказал, что только на ноль делить нельзя, но эт неправда
MⅨ
чертов джс
Oleg
все ты можешь
я б сказал, что только на ноль делить нельзя, но эт неправда
можно. будет инфинити.
Alexander
Подскажите по redux, у меня есть в стейте data:{} к нему есть экшены и редюсеры. Теперь мне нужно сделать копию этого стейта data2:{}. Мне нужно к нему создавать свои экшены и редюсеры? Или я могу использовать предыдущие, и передавать в payload ключ ('data' или 'data2') по которому надо поменять стейт?
Alexander
можешь и кей передавать.
то есть это нормально если я в payload буду указывать ключ по которому менять стейт?
Oleg
то есть это нормально если я в payload буду указывать ключ по которому менять стейт?
ну... вообще, не очень нормально, но я хз, какой кейс у тебя. может и ок.
Oleg
то есть это нормально если я в payload буду указывать ключ по которому менять стейт?
лучше сделай copyData: {}, а в экшн передaть isCopy: true;
Eddie
Привет всем, почему setState() не обновляет рендер.
Sergey
Привет всем, почему setState() не обновляет рендер.
Потому что задаешь вопросы без информации
Oleg
Привет всем, почему setState() не обновляет рендер.
потому что пишешь вопрос без знака вопроса.
Eddie
"обновляет рендер"?
После изменения стейта он должен перерисовывать, но этого не происходит
Sergey
Я хз с чего ты это взял
Oleg
"у меня есть проблема. как её решить?"
Тимофей 🛴
После изменения стейта он должен перерисовывать, но этого не происходит
Сделай пример на codesandbox или хотя бы код скинь на gist
Oleg
Не должен
и правда. рендер никому ничего не должен. возомнили из себя тут... у него тоже есть душа.
Sergey
Eddie
Если сетстейт не должен обновлять, то что отвечает за повторное перерисовывание страницы после изменения стейта
Sergey
Если сетстейт не должен обновлять, то что отвечает за повторное перерисовывание страницы после изменения стейта
документацию попробуй читать
Sergey
Oleg
Если сетстейт не должен обновлять, то что отвечает за повторное перерисовывание страницы после изменения стейта
а что если ты делаешь setState с тем же объектом? данные не поменяются, и компонент не перерендерится.
Sergey
https://ru.reactjs.org/docs/react-component.html#setstate
Sergey
надо похоже давать ссылку и выдавать readonly на час, чтобы научились документацию читать
которую пишут тысячи человек
Eddie
а что если ты делаешь setState с тем же объектом? данные не поменяются, и компонент не перерендерится.
Ты отчасти прав наверное, я создал массив внутри стета, и каждый раз пушу новый обьект в этот массив
Oleg
Ты отчасти прав наверное, я создал массив внутри стета, и каждый раз пушу новый обьект в этот массив
push - мутация. вот и ответ.
Eddie
Но ведь формально стейт обновляется
Sergey
Ты отчасти прав наверное, я создал массив внутри стета, и каждый раз пушу новый обьект в этот массив
попробуй когда задаешь вопрос, сразу давать отвечающим максимальное количество информации
Vladimir
Ты отчасти прав наверное, я создал массив внутри стета, и каждый раз пушу новый обьект в этот массив
> пушу
вот твоя проблема
Ilya
Oleg
🤦♀️
Sergey
может я что-то не понял? но какого хуя меня обсуждать надо?