gpt4 book ai didi

reactjs - 如何将 Flow 与 React.createRef() 一起使用?

转载 作者:行者123 更新时间:2023-12-03 13:10:52 35 4
gpt4 key购买 nike

自 React 16.3 起,可以使用 React.createRef()访问 DOM 元素。我也在使用Flow在我的项目中,但是 documentation still uses the old way .

不幸的是,下面的代码失败了:

/* @flow */
import * as React from 'react';

export class TestComponent extends React.Component<{}> {
myRef: React.Ref<HTMLDivElement>

constructor(props: any) {
super(props)
this.myRef = React.createRef()
}

render() {
return (
<div ref={this.myRef} />
)
}
}

出现以下错误:

Cannot instantiate `Ref` because in type argument `ElementType`:
- Either a callable signature is missing in `HTMLDivElement` [1] but exists in
`React.StatelessFunctionalComponent` [2].
- Or `HTMLDivElement` [1] is incompatible with statics of `React.Component` [3].

如何正确输入?

最佳答案

查看 React.createRef() 的流类型定义:

declare export function createRef<ElementType: React$ElementType>(
): {current: null | React$ElementRef<ElementType>};

我能够做这样的事情:

/* @flow */
import * as React from 'react';

export class TestComponent extends React.Component<{}> {
myRef: { current: null | HTMLDivElement }

constructor(props: any) {
super(props)
this.myRef = React.createRef()
}

render() {
return (
<div ref={this.myRef} />
)
}
}

关于reactjs - 如何将 Flow 与 React.createRef() 一起使用?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/50076176/

35 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com