小编Pau*_*ney的帖子

我正在尝试使用materialui select 的react hook 表单控制器来找出onChange 事件，但我无法弄清楚当select 更改以调用handleChange 事件时如何触发该事件。我创建了一个沙箱来复制，我也有单独的问题Warning: findDOMNode is deprecated in StrictMode我无法理解如何使用 createRef 来阻止这个问题，但主要问题是 onChange 事件，因为我需要根据 Select 渲染不同的进一步 TextFields -价值。

https://codesandbox.io/s/react-hook-form-select-onchange-uiic6

<form onSubmit={handleSubmit(onSubmit)}>
  <Grid container direction="column" spacing={2}>
    <Grid item>
      <FormControl fullWidth variant="outlined" className={classes.formControl}>
        <InputLabel id="demo-simple-select-label">Folder Name</InputLabel>
        <Controller
          control={control}
          name="folderSelect"
          onChange={handleChange}
          defaultValue=""
          render={({onChange, value, onBlur, name}) => (
            <Select
              labelId="demo-simple-select-label"
              id="demo-simple-select"
              onChange={onChange}
              value={value ? value : ''}
              name={name}>
              <MenuItem value="Invoices" key="Invoices">
                Invoices
              </MenuItem>
              <MenuItem value="Statements" key="Statements">
                Statements
              </MenuItem>
              <MenuItem value="Credits" key="Credits">
                Credits
              </MenuItem>
            </Select>
          )}
        />
      </FormControl>
    </Grid> …