javascript - 在 TSX 文件中：“typeof React”类型上不存在属性“createRef”

Question

我需要组件的引用。刚从 jsx 转移到 tsx，找不到解决这个问题的方法。

其他解决方法是使用查询选择器，但我相信这不是做事的好方法。

这是构造函数

constructor(props) {
    super(props);
    this.state = {
        data: initialData,
        showNewListForm: false,
        whichButtonClicked: undefined,
        background: props.background || "#23719f"
    };

    this.divContainerRef = React.createRef();
    console.log("kanban reference : " + React.createRef().current);

    this.handleDragStart = this.handleDragStart.bind(this);
    this.handleDragEnd = this.handleDragEnd.bind(this);
    this.handleLaneDragEnd = this.handleLaneDragEnd.bind(this);
    this.handleLaneDragStart = this.handleLaneDragStart.bind(this);
    this.onCardAdd = this.onCardAdd.bind(this);
    this.onCardClick = this.onCardClick.bind(this);
    this.addNewListHandler = this.addNewListHandler.bind(this);
    this.containerRefResolver = this.containerRefResolver.bind(this);
    this.isBoardPresent = this.isBoardPresent.bind(this);
}

Answer 1

看起来您的@types/react. 最新版本16.3.14具有createRef.

Answer 2

在我的 Typescript 代码库中，我必须更新 react-dom 类型：

yarn upgrade @types/react-dom^16.3.0