Для передового опыта / производительности, я должен useMediaQuery
один раз и передать его в props
? или мне просто снова вызвать useMediaQuery
во вложенном компоненте? Или это не имеет значения?
Так, например, это лучше:
function ParentComponent() {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints('sm'));
// Used isMobile for something (whatever it is)
return <div>
<ChildComponent isMobile={isMobile}/>
</div>
}
function ChildComponent({isMobile}) {
// Used isMobile for something (whatever it is)
return <div>This is a child</div>
}
Или я должен это сделать?
function ParentComponent() {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints('sm'));
// Used isMobile for something (whatever it is)
return <div>
<ChildComponent/>
</div>
}
function ChildComponent() {
const theme = useTheme();
const isMobile = useMediaQuery(theme.breakpoints('sm'));
// Used isMobile for something (whatever it is)
return <div>This is a child</div>
}
Или оба будут выполнять точно так же?
Я знаю, что оба сработают. Я хочу знать, что один из них - лучшая практика или какой из них лучше с точки зрения производительности