js判断html存不存在某个属性,reactjs – 使用React 16在“DetailedHTMLProps,HTMLDivElement>”类型中不存在属性...

由于React 16现在允许

custom DOM attributes,我试图在我的Typescript代码中利用它：

import * as React from 'react';

但收到此错误消息：

error TS2339: Property ‘size’ does not exist on type

‘DetailedHTMLProps< HTMLAttributes< HTMLDivElement>, HTMLDivElement>’.

这个thread建议进行模块扩充,所以我尝试了这种方式：

import * as React from 'react';

declare module 'react' {

interface HTMLProps {

size?:string;

}

}

相同的错误消息.

最后,我还尝试将页面声明为新的HTML标记：

declare global {

namespace JSX {

interface IntrinsicElements {

page: any

}

}

}

它消除了错误消息,但在编译的代码中完全忽略了size属性,我最终得到：

理想情况下,最后一个是我的首选解决方案.我想在页面自定义标记旁边使用尺寸自定义属性.

tsconfig.js

{

"compilerOptions": {

"outDir": "build/dist",

"module": "esnext",

"target": "es5",

"lib": ["es6", "dom"],

"sourceMap": true,

"allowJs": true,

"jsx": "react",

"moduleResolution": "node",

"rootDir": "src",

"forceConsistentCasingInFileNames": true,

"noImplicitReturns": true,

"noImplicitThis": true,

"noImplicitAny": true,

"strictNullChecks": true,

"suppressImplicitAnyIndexErrors": true,

"allowSyntheticDefaultImports": true,

"noUnusedLocals": false,

"noUnusedParameters": false,

"allowUnusedLabels": true,

"allowUnreachableCode": true

}

}