Javascript React Js组件构造函数和可见状态

我想做的是，开始将react组件设置为不可见。所以我尝试做一个构造函数，但在构造函数中我得到：

“；”期望

以及：

“this”隐式具有类型“any”，因为它没有类型 annotation.ts（2683）Registro.tsx（40,10）：“this”的外部值为 被这个容器遮住了。”此“”隐式具有类型“any”，因为 它没有类型注释.ts（2683）Registro.tsx（40，10）：一个 “this”的外部值被此容器隐藏。”这"含蓄" 具有类型“any”，因为它没有类型批注。ts（2683） tsx（40，10）“'this'的外部值被此 容器

const RegistroNuevaCuenta:React.FC=（）=>{
构造函数（）{
此.state={
childVisible:错误
};
}
const[text，setText]=useState（）；
const[number，setNumber]=useState（）；
返回(
Complettátus datos
名义
阿佩利多
电子邮件
克拉夫
);
};

如何在Jsx中设置构造函数？

---

提前谢谢。

我不完全确定您想做什么，但您不能将类和函数混合使用

使用构造函数意味着你在一个类中，在它之外，你不能

我要做的是设置另一个状态值，就像您对文本和数字所做的一样。然后你可以做类似的事情

if (isHidden) return null;

---

但是您必须处理组件如何变得可见。

您需要直接在

useState

调用中设置默认状态：

const[childVisisble，setChildVisible]=useState（false）

您试图在功能组件内使用构造函数，但这是无法完成的：
构造函数仅在基于类的组件中使用。看起来您正在使用functional Component有两种类型的组件—class和functional—在上阅读它们，我将其更改为一个类，但它不隐藏：class MouseTracker extends React.Component{constructor（props:Readonly）{super（props）；this.state={isHidden:false，};       }
if (isHidden) return null;