来自@material-ui labelWidth 的概述输入给出反应错误答案

【问题标题】：Outlinedinput from @material-ui labelWidth giving error for react来自@material-ui labelWidth 的概述输入给出反应错误
【发布时间】：2018-11-17 22:17:56
【问题描述】：

我正在尝试创建一个大小为 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}} />
  )
}

【问题讨论】：

标签： reactjs material-ui

【解决方案1】：

你应该像这样在数字值周围加上花括号：

<OutlinedInput
    labelWidth={200}
/>

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

【讨论】：