Ошибка findDOMNode в меню React material-ui select

Question

Я использую выберите компонент здесь точную разметку

        <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

Ошибка возникает из-за того, что пользовательский интерфейс материала, использующий компонент Reaction-transition-group , пытается использовать метод findDOMNode, который устарел, но они еще не исправили его.

Но эта ошибка возникает только в строгом режиме в React, и вы можете рассматривать это как предупреждение, поскольку оно говорит о том, что метод устарел, но если функционал компонента если все в порядке, вам не о чем беспокоиться, так как он отлично работает с текущей версией. Вы можете отслеживать эту проблему здесь .

Обновлю ответ, когда найду реальное решение этой проблемы. Надеюсь, это даст вам некоторое представление.

Соответствующий открытый выпуск