Для чего используется FormControl? Почему это используется? Как это должно быть использовано? - PullRequest
Новая
       23

Для чего используется FormControl? Почему это используется? Как это должно быть использовано?

0 голосов
/ 01 октября 2019

Может ли кто-нибудь объяснить мне в терминах непрофессионала, что функция FormControl выполняет, и почему / как можно ее использовать?

Я использую Material-UI в React и многие примеры форм, которые я используюПосмотрите, используйте FormControl, но мне трудно понять, что он делает, и если это необходимо для моего проекта.

Сейчас у меня просто есть компонент с именем Form.js, и ясодержащий все мои элементы формы в div, как это: 

return (
<div>
  <FormControl className={classes.formControl}>
    <InputLabel htmlFor="select-multiple-accounts">Account</InputLabel>
    <Select
      multiple
      value={accountName}
      onChange={handleAccountChange}
      input={<Input id="select-multiple-accounts" />}
      renderValue={
        selected => (
        <div className={classes.chips}>
          {
            selected.map(value => (
            <Chip key={value} label={value} className={classes.chip} />
          ))}
        </div>
      )}
      MenuProps={MenuProps}
    >
      {accountNames.map(name => (
        <MenuItem key={name.label} value={name.label} style={getStyles(name.label, accountName, theme)}>
          {name.label}
        </MenuItem>
      ))}
    </Select>
  </FormControl>
  <br /><br />
  <TextField
    id="job-number"
    label="Job #"
    className={classes.textField}
    value={props.jobNumber}
    onChange={handleJobNumberChange}
    fullWidth
  />
  <br /><br /><br />
  <TextField
    id="project-description"
    label="Project Description"
    placeholder="Provide a detailed description of the project:"
    className={classes.textField}
    multiline
    variant="outlined"
    value={props.projectDescription}
    onChange={handleProjectDescriptionChange}
    fullWidth
  />
</div>
  );
}

Это нормально? или я должен обернуть все в FormControl? Если так .. не могли бы вы объяснить, почему? Я не уверен, что лучшие практики при кодировании формы в веб-приложение React. Я новичок в React Forms.

Спасибо.

...