设置React子类型脚本定义会破坏父属性类型检查
设置React子类型脚本定义会破坏父属性类型检查
提问于 2019-05-28 17:05:37
我试图弄清楚为什么为React/JSX组件设置子属性会破坏父组件的类型检查。
下面是一个简单的代码示例，如果我没有定义子类型，顶部测试无法在someOtherProp上显示错误，如果我定义子属性，则第二个测试组件无法在someOtherProp上显示错误，如果我将子类型设为可选，则两个组件都会失败。
import React from 'react';
export interface TestProps {
style: {
flex?: number;
};
children: React.ReactNode;
}
const Test = ({ style }: TestProps) => <div style={style} />;
export const MainTest = () => (
<>
<Test style={{ flex: 1, someOtherProp: 'center' }} />;
<Test style={{ flex: 1, someOtherProp: 'center' }}>
<p>Children Breaks TypeChecking</p>
</Test>
</>
);回答 1
Stack Overflow用户
发布于 2019-05-30 15:32:00
这似乎已修复从typescript版本3.4.5升级到3.5.1。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/56338591
复制相关文章
相似问题
腾讯云开发者
