Estoy trabajando en js y reacciono principalmente para este proyecto y estoy intentando implementar un formulario para olvidar/restablecer contraseña. Tengo una ruta para la página principal y luego la nueva ruta para restablecer que está en: "/link/reset". La ruta me lleva a la página, sin embargo, aparece este mensaje de error.
No estoy seguro de lo que está pasando, cualquier sugerencia u orientación sobre cómo resolver esto sería muy apreciada.
El mensaje de error es:
Error: el tipo de elemento no es válido: esperaba una cadena (para componentes integrados) o una clase/función (para componentes compuestos) pero obtuvo: indefinido. Probablemente olvidó exportar su componente desde el archivo en el que está definido, o puede haber mezclado las importaciones predeterminadas y con nombre.
Compruebe el método de renderizado de ResetPassword
.
Module../src/index.js src/index.js:39 36 | } 37 | }); 38 | > 39 | ReactDOM.render( 40 | <Provider store={store}> 41 | <Router> 42 | <App />
aquí está uno de los métodos de renderizado resetpassword, tengo más de uno pero todos siguen formatos similares:
function renderRequestCodeForm() { return ( <form onSubmit={handleSendCodeClick}> <FormGroup bsSize="large" controlId="email"> <FormLabel>Email</FormLabel> <FormControl autoFocus type="email" value={fields.email} onChange={handleFieldChange} /> </FormGroup> <LoaderButton block type="submit" bsSize="large" isLoading={isSendingCode} disabled={!validateCodeForm()} > Send Confirmation </LoaderButton> </form> ); }