为什么我的代码类型会收到警告？ “警告缺少函数的返回类型”

Question

我正在使用 svg 制作图标组件。 我的代码类型给出了警告。

“警告缺少函数返回类型” 我想使用 svg 作为组件。 显示 eslint 警告。

import * as React from "react";

export const Icon = () => {
  return (
    <svg viewBox="">
      <path
       ・
　　　　　　　　　　　　　　・
　　　　　　　　　　　　　　・
      />
    </svg>
  );
};

Answer 1

要抑制 eslint 警告，您可以在顶部使用 /* eslint-disable */。

Answer 2

• What is the TypeScript return type of a React stateless component?

• Typescript | Warning about Missing Return Type of function, ESLint

有更多关于它的信息。

您需要设置函数的类型。

另外，正如 phoenix567sid 所说。您可以添加 /* eslint-disable */ 但我不建议这样做。 eslint 不应该被忽略。

Answer 3

谢谢。我的问题已经解决了。

import * as React from "react";

export const Icon = ():JSX.Element => {
  return (
    <svg viewBox="">
      <path
       ・
　　　     　・
　　　　     ・
      />
    </svg>
  );
};