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

相关文章推荐

威武的马克杯 · react相关面试知识点总结 - ...· 1 月前 ·

有胆有识的泡面 · 「react进阶」一文吃透react-hoo ...· 1 月前 ·

奔跑的鸭蛋 · 在onChange事件中获取按钮值 - · 1 月前 ·

腼腆的卡布奇诺 · React应用报错：UncaughtInva ...· 1 月前 ·

面冷心慈的帽子 · react-dnd实现拖拽API学习_exp ...· 1 月前 ·

打盹的木瓜 · 邓伦乔欣合影，邓伦热巴合影，邓伦杨紫合影，差 ...· 8 月前 ·

爱听歌的匕首 · 原神同人作品合集之vicineko大佬作品， ...· 1 年前 ·

刀枪不入的啄木鸟 · 郭珺 - 搜狗百科· 1 年前 ·

憨厚的水煮肉 · 全新奔驰C级将于2月23日发布 ...· 1 年前 ·

暴走的毛衣 · 免费心理学电子书下载 ...· 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相关面试知识点总结 - beifeng11996

1 月前

有胆有识的泡面 · 「react进阶」一文吃透react-hooks原理 | 微信开放社区

1 月前

奔跑的鸭蛋 · 在onChange事件中获取按钮值 -

1 月前

腼腆的卡布奇诺 · React应用报错：UncaughtInvariantViolation解析及解决方案

1 月前

面冷心慈的帽子 · react-dnd实现拖拽API学习_expected drag drop context

1 月前

打盹的木瓜 · 邓伦乔欣合影，邓伦热巴合影，邓伦杨紫合影，差距不是一般的大！

8 月前

爱听歌的匕首 · 原神同人作品合集之vicineko大佬作品，刻晴大战史莱姆_哔哩哔哩_bilibili

1 年前

刀枪不入的啄木鸟 · 郭珺 - 搜狗百科

1 年前

憨厚的水煮肉 · 全新奔驰C级将于2月23日发布 S级同款中控大屏_太平洋汽车网

1 年前

暴走的毛衣 · 免费心理学电子书下载亲密关系-书名：懂得爱—在亲密关系中成长（内附电子版） - 知乎

1 年前