Soy un principiante absoluto con React, tengo un componente en el que necesito representar el valor de un estado en el Dom, pero no funciona, déjame mostrarte mi código.
Enlaces.jsx
import React, { useEffect, useState } from 'react' import { Collapse } from 'antd' const Links = () => { const [isMobile, setIsMobile] = useState(false) return ( <div> <div>asd2</div> <div>{ isMobile }</div> <div>asd5</div> </div> ) } export default Linkslo estoy usando como
pie de página.jsx
import Links from './links' const Footer = ({ globalData, user }) => { return( <Links/> ) }representa el texto asd2 y asd5 , lo que significa que el componente en sí funciona pero no el valor del estado. He buscado por todas partes, así es como todo el mundo lo hace. ¿Qué estoy haciendo mal?
En cambio
<div>{ isMobile }</div>Prueba esto
<div>{ isMobile.toString()}</div>O esto
<div>{ isMobile ? "true" : "false"}</div>Incluso esto:
<div>{`${isMobile}`}</div> El tipo boolean no se puede representar en JSX.
Necesita convertir isMobile en una cadena. falso, nulo e indefinido, estos valores no se representan.
No puede representar un valor booleano. Úsalo así:
{ isMobile.toString() }