Reactjs react js：文件中的多个组件会引发错误！I'；我使用CDN使用react js

当我在react js文件中创建多个组件时，它会显示以下错误

未捕获类型错误：超级表达式必须为null或函数，而不是未定义的

我使用使用CDN的reactJS。安装了纱线。我使用Babel将jsx转换为es15

请帮我纠正这个错误。由于我是新的反应，我不习惯的错误，我在开始阶段卡住了自己

这是我的密码

var myList=['hello']；
var onFormSubmit=函数onFormSubmit（e）{
e、 预防默认值（）；
var项=e.target.elements.input.value；
如果（项目）{
myList.push（项目）；
e、 target.elements.input.value=“”；
//渲染模板函数
console.log（myList）；
renderTemplate（）；
}
};
类NavBar扩展了React.Component（）{
render（）{
返回(
我的应用程序
)
}
}
类形式扩展了React.Component（）{
render（）{
返回(
添加项
)
}
}
类列表扩展了React.Component（）{
render（）{
返回(
myList.map（（项目）=>{
{item}

})
)
}
}
类MyApp扩展了React.Component（）{
render（）{
返回(
)
}
}
var approt=document.getElementById（'app'）；
var renderTemplate=（）=>{
ReactDOM.render（，approt）；
}
renderTemplate（）
类某个扩展的类。不带括号的组件{}
应该适合您，因为您正在引用该类，而不是调用该类的新实例