Questions tagged «tsx»

21
除非提供'--jsx'标志,否则无法使用JSX
我四处寻找解决这个问题的方法。所有这些都建议添加"jsx": "react"到您的tsconfig.json文件中。我已经做了。另一个是添加"include: []",我也做了。但是,当我尝试编辑.tsx文件时,仍然出现错误。以下是我的tsconfig文件。 { "compilerOptions": { "module": "commonjs", "target": "es5", "allowJs": true, "checkJs": false, "jsx": "react", "outDir": "./build", "rootDir": "./lib", "removeComments": true, "noEmit": true, "pretty": true, "skipLibCheck": true, "strict": true, "moduleResolution": "node", "esModuleInterop": true }, "include": [ "./lib/**/*" ], "exclude": [ "node_modules" ] } 任何的意见都将会有帮助。我正在使用babel 7编译带有env,react和Typescript预设的所有代码。如果你们需要更多文件来帮助调试,请告诉我。
154 reactjs  typescript  jsx  tsx 

7
使用TypeScript在React组件中的默认属性值
我不知道如何使用Typescript为我的组件设置默认属性值。 这是源代码: class PageState { } export class PageProps { foo: string = "bar"; } export class PageComponent extends React.Component<PageProps, PageState> { public render(): JSX.Element { return ( <span>Hello, world</span> ); } } 当我尝试使用这样的组件时: ReactDOM.render(<PageComponent />, document.getElementById("page")); 我收到一条错误消息,指出foo缺少属性。我想使用默认值。我也尝试过static defaultProps = ...在组件内部使用,但是我怀疑它没有任何作用。 src/typescript/main.tsx(8,17): error TS2324: Property 'foo' is missing in type …
151 reactjs  typescript  tsx 
By using our site, you acknowledge that you have read and understand our Cookie Policy and Privacy Policy.
Licensed under cc by-sa 3.0 with attribution required.