Javascript 列表项组件未根据react js中的状态更改进行更新

我知道这是一个共同的问题，我看到了很多资源，但我无法解决我的案件

我的代码是：

const{Component}=React
常量行=（{children}）=>{children}；
const Col=（{children}）=>{children}；
const DashboardTemplate=（{children}）=>{children}；
类AddData扩展组件{
状态={
项目：[1,2]，
}
handleAdd=e=>{
e、 预防默认值（）
常量数据=this.state.items.length
设newItems=data+1
这是我的国家({
items:[…this.state.items，newItems]，
})
}
render（）{
返回(
添加
{this.state.items.map（item=>(
{item}

))}
)
}
}
render（，document.getElementById（“根”））

你能发布这个工作示例吗？因为你已经提供了几乎所有需要的东西，我将你的代码块转换成了一个堆栈片段，这样它就可以运行了，并做了一些合理的假设/替换。对于下一次，。如您所见，代码段中的组件将在状态更改时更新。我看不出您提供的代码有什么问题。同样，只有React的版本（w/o ant）似乎在codesandbox上工作得很好。检查您的控制台是否有错误等-组件确实得到更新-您能解释一下这里实际需要发生什么吗？