cuando ejecuto mi código, me sale el siguiente error:
Inicializador de propiedad abreviada no válido.
function DisplyayNote() { let noteId = -1; const [isOpen, setIsOpen] = useState(false); return isOpen ? ( {noteId = 0 ? <div className="backComponent"> <div className="noteOpen"> <div>C'est ouvert</div> <button onClick={() => setIsOpen(false)}>Fermer</button> </div> </div> : null} ) : ( <> <div>C'est fermé</div> <button onClick={() => setIsOpen(true)}>Ouvrir</button> </> ); }¿Tendrías alguna idea para solucionar este problema?
En primer lugar, no es necesario agregar { . En segundo lugar, cambie note_id=0 a note_id==0 o note_id===0 porque note_id=0 no es una expresión booleana. He usado el fragmento de código a continuación para probarlo y funciona bien.
function DisplyayNote() { let noteId = 0; const [isOpen, setIsOpen] = useState(false); return isOpen ? ( noteId == 0 ? <div className="backComponent"> < div className="noteOpen" > <div>C'est ouvert</div> <button onClick={() => setIsOpen(false)}>Fermer</button> </div > </div > : null ) : ( <> <div>C'est fermé</div> <button onClick={() => setIsOpen(true)}>Ouvrir</button> </> ); };Cambie noteId = 0 a noteId === 0
En resumen, fue suficiente para poner todo en un contenedor:
return isOpen ? ( <> {noteId >= 0 ? <div className="backComponent"> <div className="noteOpen"> <div>C'est ouvert</div> <button onClick={() => setIsOpen(false)}>Fermer</button> </div> </div> : null} </> ) : ( <> <div>C'est fermé</div> <button onClick={() => setIsOpen(true)}>Ouvrir</button> </> );