反应 Typescript 元素类型

Question

React 中以下语句的类型是什么？

let element = <div>Blah blah</div>

我以为我可以使用element: HTMLElement，但是当我这样做时，我得到了Property 'accessKey' is missing in type 'Element'。

另一个导入的组件呢？

import Row from './partials/Row';
let row = <Row cols={cols} />

Answer 1

div jsx 元素的类型是HTMLFactory<HTMLDivElement>。

您的引用不是针对浏览器中的实际 dom 元素，而是针对表示可能尚未呈现的此类元素的 react 元素。

应该通过props访问html属性：

let element = <div>Blah blah</div>
console.log(element.props.accessKey);

如果您想获取 dom 元素，可以使用ref attribute：

当在 HTML 元素上使用 ref 属性时，ref 回调 接收底层 DOM 元素作为其参数

所以：

let divElement: HTMLDivElement;
let element = <div ref={ (el) => { divElement = el; console.log(el); } }>Blah blah</div>

在导入的Row 的情况下，您再次引用了具有 dom 表示的 react 元素。
它具有哪些属性或方法取决于类本身。