reactjs - React material-ui 选择菜单上的 findDOMNode 错误

Question

我在这里使用 select component 精确标记

        <FormControl
            variant="outlined"
            className={classes.formControl}
            error={errors.title ? true : false}
          >
            <InputLabel htmlFor="title">Who are you?</InputLabel>
            <Select
              labelId="titleLabel"
              id="title"
              value={state.title ? state.title : 'Example1'}
              onChange={handleChange}
              label="Who are you?"
            >
              <MenuItem value={`Example1`}>Example1</MenuItem>
              <MenuItem value={`Example2`}>Example2</MenuItem>
              <MenuItem value={`Example3`}>Example3</MenuItem>
              <MenuItem value={`other`}>other</MenuItem>
            </Select>
            {errors.title && <FormHelperText>{errors.title}</FormHelperText>}
          </FormControl>

然后我不断收到以下错误，不知道如何解决这个问题

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Transition which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: fb.me/react-strict-mode-find-node

Answer 1

错误即将到来，因为使用 react-transition-group 组件的 Material UI 试图使用已弃用的 findDOMNode 方法，但他们尚未修复它。

但是，此错误仅在 React 中的 严格模式 中出现，您可以将其视为警告，因为它说该方法将被弃用，但如果组件的功能正常，则您无需担心它在当前版本中工作得很好。您可以跟踪此问题 here 。

当我找到真正的解决方案时会更新答案。希望它能给你一些想法。

Related open issue