当我使用KeyboardDatePicker时出现错误:StrictMode中弃用了indDOMNode

时间:2020-08-14 01:08:58

标签: reactjs material-ui

当我使用 @ material-ui / pickers 中的 KeyboardDatePicker 时,如何纠正此警告?

警告:StrictMode中不建议使用findDOMNode。 findDOMNode传递了StrictMode内部的Transition实例。而是直接将引用添加到要引用的元素。在此处了解有关安全使用裁判的更多信息:https://reactjs.org/docs/strict-mode.html#warning-about-deprecated-finddomnode-usage

我试图在 div 中添加 ref = {React.createRef()} ,如链接所示,但没有成功。

(日期选择器内联:https://material-ui.com/components/pickers/#material-ui-pickers

index.js

import React from 'react'
import {
    MuiPickersUtilsProvider,
    KeyboardDatePicker,
  } from '@material-ui/pickers';

const Welcome = () => {

return(
  <div > {/* ref={React.createRef()}> */}

    <MuiPickersUtilsProvider utils={DateFnsUtils}>
      <KeyboardDatePicker
          disableToolbar
          variant="inline"
          format="dd/MM/yyyy"
          margin="normal"
          id="date"
          label="Date"
          value={selectedDate}
          onChange={handleDateChange}
          KeyboardButtonProps={{
              'aria-label': 'change date',
          }}
      />
    </MuiPickersUtilsProvider>
  </div>
)
}

codesandbox

0 个答案:

没有答案