时间戳

首页 > 解决方案 > 使用 defaultProps 时打字稿不发出枚举导入

reactjs - 使用 defaultProps 时打字稿不发出枚举导入

问题描述

我正在尝试使用defaultProps具有 Enum 属性的组件。组件的 props 接口在另一个文件中定义，在defaultProps.

这工作正常，但是当我编译项目并检查 tsc 为组件生成的声明文件时，它会defaultProps正确生成类型，但枚举没有导入语句。

应用程序.ts

import * as React from 'react';
import './App.css';

import { defaults } from './defaults';
import { IAppProps } from './types';

import logo from './logo.svg';

class App extends React.Component<IAppProps> {
  public static defaultProps = {
    animal: defaults.animal
  }
  public render() {
    return (
      <div className="App">
        <header className="App-header">
          <img src={logo} className="App-logo" alt="logo" />
          <h1 className="App-title">Welcome to React</h1>
        </header>
        <p className="App-intro">
          To get started, edit <code>src/App.tsx</code> and save to reload.
        </p>
      </div>
    );
  }
}

export default App;

类型.tsx

export enum AnimalEnum {
    Cat = "Cat",
    Dog = "Dog"
}

export interface IAppProps {
    animal: AnimalEnum;
}

默认值.ts

import { AnimalEnum } from "./types";

export const defaults = {
    animal: AnimalEnum.Cat
}

发出的文件 App.d.ts

import * as React from 'react';
import './App.css';
import { IAppProps } from './types';
declare class App extends React.Component<IAppProps> {
    static defaultProps: {
        animal: AnimalEnum; //<---------AnimalEnum doesn't have import!
    };
    render(): JSX.Element;
}
export default App;

tsconfig.json

{
  "compilerOptions": {
    "baseUrl": ".",
    "outDir": "build/dist",
    "module": "esnext",
    "target": "es5",
    "lib": ["es6", "dom"],
    "sourceMap": true,
    "allowJs": false,
    "jsx": "react",
    "moduleResolution": "node",
    "rootDir": "src",
    "forceConsistentCasingInFileNames": true,
    "noImplicitReturns": true,
    "noImplicitThis": true,
    "noImplicitAny": true,
    "strictNullChecks": true,
    "declaration": true,
    "suppressImplicitAnyIndexErrors": true,
    "noUnusedLocals": true
  },
  "exclude": [
    "node_modules",
    "build",
    "scripts",
    "acceptance-tests",
    "webpack",
    "jest",
    "src/setupTests.ts"
  ]
}

打字稿版本是^3.0.3

标签： reactjstypescriptenums

解决方案

看起来像一个错误。我举报了。作为一种解决方法，如果您在defaultProps字段上添加类型注释（即使它只是{animal: typeof defaults.animal}），生成的声明文件似乎是有效的。

推荐阅读