Reactjs 在React get SyntaxError中：意外标记

我是英语初学者

在此代码中，创建类组件并使用useState，但不工作

我不知道我错过了什么

请帮忙

类ModuleDialog扩展组件{
建造师（道具）{
超级（道具）；
//this.state={open:false}；
};
//const[open，setOpen]=useState（{false}）；
const[tasks，setTasks]=useState（[]）；
handleClickOpen=（）=>{
//setOpen（真）；
this.state={open:true}；
};
handleClose=（）=>{
//setOpen（假）；
this.state={open:false}；
};
render（）{
返回(
......
);
}
}

您可以简化这两个函数，并将其聚合为一个函数

还有钩子-需要功能组件而不是类

constmoduledialog=（）=>{
const[open，setOpen]=useState（false）；
const[tasks，setTasks]=useState（[]）；
handleClick=（）=>{
setOpen（！open）；
};
render（）{
返回(
handleClick（）}

{open？true
：false
}
);
}
}

它的Javascript语法无效，而且，您不能在类组件中使用钩子，钩子仅在函数组件中有效。@DennisVash如何在类组件中使用useState？管理类组件中的useState的最佳方法是什么？查看React docscan我们在类组件中使用useState？不推荐-我建议只转换为功能组件