Question

我正在尝试创建一个尺寸为300（宽度）和400（高度）的小表格。我试图从'@ material-ui'导入Outlinedinput。问题是它强制需要labelWidth。我给的是这样的：<Outlinedinput labelWidth = 200 />，但我收到一个错误，说Failed prop type: The prop 'labelWidth' is marked as required in 'OutlinedInput', but its value is 'undefined'。我尝试使用以下样式设置它：style={{width: 700}}，但遇到相同的错误。如何将数字正确设置为labelWidth。

https://material-ui.com/api/outlined-input/

import Outlinedinput from '@material-ui/core/Outlinedinput';

render(){
  return(
    <Outlinedinput style={{width: 300}} />
  )
}

Answer 1

您应该像这样将大括号括起来：

<OutlinedInput
    labelWidth={200}
/>

Material-UI示例页面上的https://material-ui.com/demos/text-fields/#components演示了一个如何使用此组件的源代码示例

@ material-ui labelWidth的OutlinedInput给出了反应错误

1 个答案: