Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/21.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs 我如何';铸造';打字稿?_Reactjs_Typescript - Fatal编程技术网

Reactjs 我如何';铸造';打字稿?

Reactjs 我如何';铸造';打字稿?,reactjs,typescript,Reactjs,Typescript,我对React/Typescript不熟悉。我有一个函数,它接受一个数字并输出一个字符串,如下所示: const getCurrentLevel = (wordCount: number): Level => { if (wordCount <= 3) { return 'Low'; } if (wordCount <= 6) { return 'Med'; } return 'High'; }; 并将其传递给另一个组件: <he

我对React/Typescript不熟悉。我有一个函数,它接受一个数字并输出一个字符串,如下所示:

const getCurrentLevel = (wordCount: number): Level => {
  if (wordCount <= 3) {
    return 'Low';
  }

  if (wordCount <= 6) {
    return 'Med';
  }

  return 'High';
};
并将其传递给另一个组件:

<helperText level={helperLevel} />
在线:

const getCurrentLevel = (wordCount: number): Level => {
我不知道这意味着什么,也不知道现在该怎么解决。据我所知,我必须将其“转换”为上述“级别”。但我不知道如何着手解决这个问题,也不知道这个错误意味着什么

谁能给我指出正确的方向吗

type Level = 'Low' | 'Med' | 'High'
声明这一行

已添加

(wordCount:number):Level=>{}
表示它有一个参数作为
number
type,它返回
Level
type。 在您的情况下,返回“High”、“Low”和“Med”,您可以像上面那样声明

声明这一行

已添加

(wordCount:number):Level=>{}
表示它有一个参数作为
number
type,它返回
Level
type。
在你的例子中,你返回'High','Low'和'Med',你可以像上面那样声明。

我认为你缺少一个
import{Level}'导入{Level}'
上声明了这一点。我也需要这个文件吗?当然,如果你想共享代码,你可以导出类型并导入它。谢谢,然后我发现问题
类型“{level:level;}”缺少类型“HelperTextProps”中的以下属性:lowLevel、medLevel、highLevel
我在
上声明了这些属性。我也需要这个文件吗?当然,如果你想共享代码,你可以导出类型并导入它。谢谢,然后我发现
type'{level:level;}'缺少类型'HelperTextProps'中的以下属性:lowLevel、medLevel、highLevel
const getCurrentLevel = (wordCount: number): Level => {
type Level = 'Low' | 'Med' | 'High'