П
насколько я знаю - да
Size: a a a
2021 April 16
A
В контексте надо колбеки что бы оно меняло в самом месте где он создается
BB
так а что там onLoad? если файл загружать, то это onChange
ei
При чем они вообще будут выполняться?)
S
Да, я прочел еще раз доки более внимательно и понял что useContext должен сам по себе подписывать меня на изменения. Но почему-то этого не происходит. Контекст меняется (это видно в react devtools), но в useEffect не попадаю.
П
ну я ожидаю выполнение onLoad при удачной загрузке изображения
BB
насколько я помню, onLoad и onError срабатывает у img, может еще у чего-то
BB
инпут в себя изображение никак не загрузит
S
А можно поподробнее? Мне нужно отловить изменение контекста уже после рендера компонента и перерендерить его.
BB
чтобы картинку загрузить и показать юзеру, нужно считать блоб, сконвертировать его в uri object (base64) и запихнуть в img src
П
В этом списке нет даже onChange, ты уверен что список верный?
S
Хотя по идее он сам должен перерендерится.. Ведь используемые свойства контекста в компоненте при их изменении сами должны тригеррить ререндер...
A
const [name, setName] = useState('')
const fncsChangers = {
changeName: (newName) => setName(newName)
}
const values = {name}
MyContext = createContext({...values, ...fncsChangers})
const fncsChangers = {
changeName: (newName) => setName(newName)
}
const values = {name}
MyContext = createContext({...values, ...fncsChangers})
A
Не скажу прям на 100%, но в чистого инпута нету даже встроеного ончейндж)
S
Все я понял в чем я прокололся. У меня name - это не состояние, а просто константа.
ВЯ
Ребят я использую MUI и мне к стандартным цветам (Красный и Синий) нужно добавить 3 цвет, пробовал через ThemeProvider но она используется на весь документ а не на определенную область, подскажите как правильно я могу добавить 3 цвет кнопки?
S
const defaultValue: IGlobalContext = {
name: ''
};
const GlobalContext = createContext({ ...defaultValue });
Вот так, если по аналогии. Получается нельзя так делать?
name: ''
};
const GlobalContext = createContext({ ...defaultValue });
Вот так, если по аналогии. Получается нельзя так делать?
AS
по месту вызова {...ThemeProvider, color: 'нужный'} пробовали?
ВЯ
const theme = createMuiTheme({
palette: {
primary: {
main: '#23ba99',
}
},
});
/*...*/
<ThemeProvider theme={theme}>
<Button variant="contained" className={classes.button} color="primary">
Sumbit rent
</Button>
</ThemeProvider>
Я для конкретной темы переопределяю цвет primary потом в нужном мне месте вызываю эту тему, но у меня сначала она вообще не срабатывает, нужно перерендерить страницу (К примеру удалить символ из верстки и вернуть обратно), а после данная тема срабатывает для всех у кого
color="primary", хотя они находятся за пределами ThemeProvider