tsx 编写react 遇见类型“Readonly<{}>”上不存在属性XXX解决办法

相关文章推荐

小胡子的松鼠 · React中如何使用动态组件（Dynamic ...· 昨天 ·

爱看书的签字笔 · react经验4:动态组件_react动态组 ...· 昨天 ·

有腹肌的机器猫 · React / ...· 昨天 ·

深情的大蒜 · React动态加载组件.真|键盘|key|r ...· 昨天 ·

性感的饼干 · React.lazy()与Suspense： ...· 昨天 ·

另类的开水瓶 · 那英翻红，没那么简单_澎湃号·湃客_澎湃新闻 ...· 3 月前 ·

慷慨的匕首 · 创·活 | ...· 3 月前 ·

强健的豌豆 · 一箭11星！南沙吉利航天筑梦苍穹-广州市南沙 ...· 6 月前 ·

机灵的烤地瓜 · 国家税务总局青岛市税务局· 1 年前 ·

温暖的上铺 · 华为AX3 PRO路由器实测_路由器_什么值得买· 1 年前 ·

type="text" value ={ this .state.name} onChange ={e => this .setState({ name: e.target.value })} <label htmlFor="">创建用户</label> < input type ="text" value ={ this .state.number} onChange ={e => this .setState({ number: e.target.value })} <div></div> export default Test1;

propType和

StateType 
就是声明类型的地方，如此问题解决，网上还有一种方案是把

React.Component改成

 React.Component<any, any>
但是这样一来对state和props的类型检测就失去意义了，所以不太建议使用
但是其实还能这么写，看一下TS的解释会发现

React.Component<any, any>

 这里面的第一个any可以是props的类型，第二个any可以是state的类型，即：

class Test1 extends React.Component<propType,StateType>

问题一样可以解决

积累小的知识,才能成就大的智慧,希望网上少一些复制多一些原创有用的答案

推荐文章

小胡子的松鼠 · React中如何使用动态组件（Dynamic Component）与JSX-CSDN博客

昨天

爱看书的签字笔 · react经验4:动态组件_react动态组件-CSDN博客

昨天

有腹肌的机器猫 · React / JSX动态组件名称-腾讯云开发者社区-腾讯云

昨天

昨天

性感的饼干 · React.lazy()与Suspense：实现按需加载的动态组件——深入理解代码分割、提升首屏速度和优化用户体验的关键技术-阿里云开发者社区

昨天

另类的开水瓶 · 那英翻红，没那么简单_澎湃号·湃客_澎湃新闻-The Paper

3 月前

慷慨的匕首 · 创·活 | 美国帆船协会ASA帆船航海级别认证项目_营地

3 月前

强健的豌豆 · 一箭11星！南沙吉利航天筑梦苍穹-广州市南沙区人民政府门户网站

6 月前

机灵的烤地瓜 · 国家税务总局青岛市税务局

1 年前

温暖的上铺 · 华为AX3 PRO路由器实测_路由器_什么值得买

1 年前