反应没有流动的本机?

时间:2019-12-27 20:38:32

标签: javascript react-native flowtype

我刚刚创建了一个React Native项目

react-native init MyProject

,并且我正在使用Visual Studio Code作为我的IDE。 VS Code抱怨

const App: () => React$Node = () => {

使用

enter image description here

  

“类型”只能在.ts文件中使用。

有些谷歌搜索告诉我

const App: () => React$Node = () => {

不是纯JavaScript,而是Flow。那是对的吗?如何创建一个纯JavaScript React项目?我仍处于学习阶段,想从普通JavaScript开始,然后再切换到例如打字稿。

2 个答案:

答案 0 :(得分:1)

您可以考虑寻找一个 init 模板

npx react-native init MyApp --template <NAME_OF_TEMPLATE>

打字稿有一个

npx react-native init MyApp --template react-native-template-typescript

我敢肯定,VanillaJS 可能也有一个

答案 1 :(得分:0)

const App: () => React$Node = () => {中,“类型”部分为: () => React$Node,这只是说App是一个返回反应节点的函数。

如果删除该代码,则会留下普通的JavaScript:const App = () => {

根据我记得,如果您遵循官方文档中的说明,则不应“偶然地”结束TypeScript项目。这是您选择的选项。

如果您真的想避免使用TypeScript,那么您可能想从头开始,但是我真的建议您使用TS。这只是一点点额外的学习,但这意味着您可以更早地发现错误。

Typescript非常简单...基本上就是说您正在使用什么类型的数据,例如

function checkEqual(firstArgument: number, secondArgument: number): boolean {
  return firstArgument === secondArgument;
}

这仅表示您的函数接受两个number参数并返回一个boolean值。如果您曾经使用checkEqual函数并传入任何非数字的参数,则会出现红色的波浪线,告诉您这是错误的。

还有更多高级内容,但是您会很快将其拾起。