reactjs - Typescript genererar inte enum-import när man använder defaultProps
Jag försöker använda defaultProps med en komponent som har en Enum-prop. Props-gränssnittet för komponenten är definierat i en annan fil och det är samma med enumvärdet som tilldelas i defaultProps.
Detta fungerar bra men när jag kompilerar projektet och kollar deklarationsfilen som genererats av tsc för komponenten, genererar den typen för defaultProps korrekt men enumen har inte import-satsen.
App.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;
typer.tsx
export enum AnimalEnum {
Cat = "Cat",
Dog = "Dog"
}
export interface IAppProps {
animal: AnimalEnum;
}
defaults.ts
import { AnimalEnum } from "./types";
export const defaults = {
animal: AnimalEnum.Cat
}
Genererad fil 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"
]
}
TypeScript-versionen är ^3.0.3
Svar #1
Ser ut som en bugg. Jag rapporterade det. Som en lösning, om du lägger till en typanteckning på fältet defaultProps (även om det bara är {animal: typeof defaults.animal}), verkar den genererade deklarationsfilen vara giltig.