Javascript 从';扩展组件';至';createReactClass';

Javascript 从';扩展组件';至';createReactClass';,javascript,reactjs,frontend,web-frontend,Javascript,Reactjs,Frontend,Web Frontend,我已经在react中实现了以下计时器,它使用了通过“extensedcomponent”实现的旧方法。我仍然在为如何使用“createReactClass”实现这一点而挣扎。它应该如何适应 import React,{Component}来自“React” 类计时器扩展组件{ 建造师(道具){ 超级(道具) 此.state={ 计数:1 } } 渲染(){ const{count}=this.state 返回( 当前计数:{Count} ) } //设定间隔 //净空间隔 组件安装(){ co

我已经在react中实现了以下计时器,它使用了通过“extensedcomponent”实现的旧方法。我仍然在为如何使用“createReactClass”实现这一点而挣扎。它应该如何适应

import React,{Component}来自“React”
类计时器扩展组件{
建造师(道具){
超级(道具)
此.state={
计数:1
}
}
渲染(){
const{count}=this.state
返回(
当前计数:{Count}
)
}
//设定间隔
//净空间隔
组件安装(){
const{startCount}=this.props
这是我的国家({
计数:startCount
})
this.doIntervalChange()
}
doIntervalChange=()=>{
this.myInterval=setInterval(()=>{
this.setState(prevState=>({
计数:prevState.count-1
}))
}, 1000)
}
组件将卸载(){
clearInterval(this.myInterval)
}
}

导出默认计时器
我认为您不应该这样做。createReactClass并不是声明类组件的新方法。你是说使用钩子等的功能组件吗?是的,这是创建组件的非常旧的方法。也许你的意思是使用钩子创建一个功能组件?如果出于某种原因必须使用
createReactClass
(不想再传输ES6,但仍然可以传输JSX?),那么就可以很好地说明如何做。然而,正如其他人建议的那样,你真的不应该这样做