React课程结构开发：第二章节添加Lesson无响应且错位

我是React新手，正在开发Web应用，需要实现带多个输入域的Lesson区块动态展示功能，目前遇到连续两类渲染异常：

• 初始开发阶段的问题：点击创建按钮后，Lesson输入域必须二次点击才会显示。
• 组件重构后新增的故障：
  • 一开始把Lesson添加逻辑直接写在CourseVideoStructure组件内部时，功能运行完全正常；
  • 后续把封装了章节、Lesson动态添加逻辑的TestClonereact组件引入CourseVideoStructure渲染后，出现渲染错位问题：
    • 第一个章节的Lesson添加功能完全正常；
    • 点击第二个章节的「Add New Lesson」按钮没有任何响应；
    • 此时接着点击「Add New Section」按钮，之前尝试添加到第二个章节的Lesson，会错位出现在第三个新增章节里，不会绑定到原本的目标章节。
• 当前进展：已经整理好CourseVideoStructure.js、TestClonereact.jsx的完整实现代码，试了多种排查思路都没定位到问题根源，需要社区伙伴帮忙分析解决。

内容的提问来源于stack exchange，提问作者Zapend