反应 es6 语法答案

【问题标题】：React es6 syntax反应 es6 语法
【发布时间】：2019-01-11 16:02:57
【问题描述】：

这个语法是什么意思？

这部分：$FlowFixMeProps, $FlowFixMeState

class Tester extends React.Component<$FlowFixMeProps, $FlowFixMeState> {
...
}

谢谢，

【问题讨论】：

这是React.Component类的泛型参数的流语法。
代码来自哪里？像 //$FlowFixme/ 这样的注释将抑制来自下一行代码的 Flow 投诉，但我们通常不会编写带有诸如 $FlowFixMeProps 之类的 props 和 state 的代码。Flow 0.53 首先介绍了指定组件的 Props 和 State 类型的需要（请参阅更改日志）。看起来这段代码是由 codemod 生成的，您应该将它们替换为实际类型：github.com/facebook/flow/blob/…

【解决方案1】：

看起来它来自类型检查库 FlowJS。

【讨论】：

【解决方案2】：

这个语法对我来说就像打字稿。

$FlowFixMeProps 是你的 react 组件的 props 的类，$FlowFixMeState 是你的 react 组件的 state 的类。

here 是一个使用带有 react 的 typescript 的示例。您也许可以找到更多有关此 react/ts 组合如何工作的信息。

【讨论】：