Обозначил ввод от @ material-ui labelWidth, дающий ошибку для реакции - PullRequest
Новая
       7

Обозначил ввод от @ material-ui labelWidth, дающий ошибку для реакции

0 голосов
/ 18 ноября 2018

Я пытаюсь создать маленькую форму размером 300 (ширина) и 400 (высота). Я пытался импортировать Outlinedinput из '@ material-ui'. Проблема в том, что он обязательно должен иметь 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}} />
  )
}

1 Ответ

0 голосов
/ 18 ноября 2018

Вы должны поместить фигурные скобки вокруг числового значения следующим образом: 

<OutlinedInput
    labelWidth={200}
/>

Пример с исходным кодом того, как использовать этот компонент, демонстрируется на странице примеров Material-UI по адресу https://material -ui.com / demos / text-fields / # components

...