#reactjs #material-ui
Вопрос:
У меня есть форма, которая отображается только в том случае, если размер экрана «md» или выше, иначе мне нужна кнопка, которая открывает модальную форму с этой формой. Я попытался сделать это с помощью крючка useMediaQuery, но текстовые поля действительно запаздывают, я предполагаю, что это из-за условного рендеринга, так как я могу сделать это по-другому ?
const isMobile = useMediaQuery((theme) => theme.breakpoints.down("md"));
...
{!isMobile?<MyForm/>:<Button onClick={openFormModal}/>}
Комментарии:
1.
useMediaQueryили сам условный рендеринг не должен быть проблемой, у вас, вероятно, есть большой компонент, который необходимо разделить на множество более мелких.2. @NearHuscarl это действительно показалось проблемой, моя маленькая форма меняла состояние страницы и, вероятно, приводила к повторному отображению всей страницы при каждом нажатии клавиши.