Fatal编程技术网
  • reactjs/
  • Reactjs Material UI TextField在其不关注的地方出现问题'；我不想在Appbar里

Reactjs Material UI TextField在其不关注的地方出现问题'；我不想在Appbar里

reactjs react-native material-ui

Reactjs Material UI TextField在其不关注的地方出现问题'；我不想在Appbar里,reactjs,react-native,material-ui,Reactjs,React Native,Material Ui,在应用程序栏中使用输入元素时，我无法将注意力集中在错误的位置 像这样： 代码如下： 导入{ 阿帕巴， CssBaseline， FormControl， 网格， IconButton， 输入， TextField， 工具栏， 排版， }来自“@material ui/core”； 从'@material ui/core/styles'导入{makeStyles}； 从“@material ui/icons”导入{AccountCircle，Home，Search，Explore，Mail，Fa

在应用程序栏中使用输入元素时，我无法将注意力集中在错误的位置

像这样：

代码如下：

导入{
阿帕巴，
CssBaseline，
FormControl，
网格，
IconButton，
输入，
TextField，
工具栏，
排版，
}来自“@material ui/core”；
从'@material ui/core/styles'导入{makeStyles}；
从“@material ui/icons”导入{AccountCircle，Home，Search，Explore，Mail，FavoriteBorder}；
const useStyles=makeStyles（（主题）=>({
根目录：{
flexGrow:1，
柔性包装：“包装”
},
论文：{
辩护内容：“间隔空间”，
对齐项目：“中心”，
正当化物品：“中心”，
[theme.breakpoints.down（'sm'）：{
justifyContent:“灵活启动”，
},
},
标题：{
边距：主题。间距（1），
用户选择：“无”，
[theme.breakpoints.down（'sm'）：{
显示：“无”，
},
},
表格：{
pointerEvents:“无”，
},
搜索：{
边距：主题。间距（1），
边框颜色：theme.palete.primary.dark，
},
图标：{
justifyContent:“flex start”，
[theme.breakpoints.up（'sm'）：{
显示：“块”，
},
}
}));
导出默认函数导航（）{
const classes=useStyles（）；
返回(

如材料界面-s文档中所述


TextField
包装器组件是一个完整的表单控件，包括标签、输入和帮助文本

因此，不要用
FormControl
包装您的
TextField
，将其删除，这将解决您的问题。
请提供一个复制您的问题的方法。