【前端】关于react+typescript遇到的“泛型约定组件状态”，报错：Property ‘***‘ does not exist on type ‘Readonly＜{}＞‘.ts(2339）

最近自己做东西的时候又遇到这么一个报错：Property ‘***’ does not exist on type ‘Readonly<{}>’.ts(2339），报错的意思可以参考typescript的官方错误信息列表：typescript官方错误信息列表，简单说就是我们使用的state中的数据，必须要在一开始用泛型去规定一下类型，防止错误类型的数据传进来。

如果想深入了解，可以参考官方文档：typescript–泛型

接下来我说一下我的解决方法，我的解决方法是参考了这篇文章：原文链接，以下是我出现问题时的主要代码：

class ChapterList extends React.Component {
   

    constructor(prop) {
   
        super(prop)
        this.state = {
   
            // 章、节 chapter section
            chapterId:0,
            chapterName:'第五章',
            chapterContent: [
                {
   
                    sectionId: 0,
                    sectionName: '第一节',
                    subsectionNum: 2,
                    subsection: [
                        {
   
                            subsectionId: 0,
                            subsectionName: '第一小节'
                        },
                        {
   
                            subsectionId: 1,
                            subsectionName: '第二小节'
                        }