Yo uso estas 2 clases:
autenticación.js
import React from 'react'; import log from './../components/log/'; const auth = () => { return ( <div className='authPage'> <log /> </div> ); }; export default auth;índice.js:
import React, { UseState } from 'react'; import signInForm from './signInForm'; import signUpForm from './signUpForm'; const log = () => { ... }; export default log;pero no puedo usar el inicio de sesión auth.js, la ruta está bien, el nombre está bien, pero no puedo usarlo.
Nunca tuve este problema antes y no puedo encontrar nada al respecto. Por favor, si le sucedió a alguien, ayúdame a resolverlo.
ESLint dice: 'log' está definido pero nunca usó no-unused-vars, para el archivo auth.js pero como puede ver, estoy tratando de usarlo
Los componentes de React deben comenzar con una letra mayúscula. Probar:
import React from 'react'; import Log from './../components/log/'; const Auth = () => { return ( <div className='authPage'> <Log /> </div> ); }; export default auth;y exportar como
const Log = () => { ... }; export default Log;