Form component ends in Loader
Nadie ha tomado este issue todavía.
Evaluación
- Dificultad
- 3/5
- Tiempo estimado
- 1-2 días
- Aptitud para principiantes
- 25/100
- Tipo de issue
- Documentación
- Claridad
- Necesita aclaración
- Estado de actividad
- Estancado
- Stack tecnológico
- react, typescript
- Área
- documentation, frontend
Línea de trabajo
Comienza con el ejemplo de la documentación de components mostrado en el issue y, a continuación, sigue los componentes Form y FormSubmit y el callback handleFormData para identificar dónde aparece el Loader. Documenta claramente la invocación y el flujo de control, incluido lo que debería mostrar el ejemplo para que los usuarios puedan entender el comportamiento resultante.
Escrito por el modelo de indexación a partir del texto del issue.
Descripción
I don't understand where the Loader is being invoked or what the logic of it is:
The code below is close to verbatim from the Example in the components doc.
The Loader apparently comes after the submitForm(controlValues) inside handleFormData
import React, { useState } from 'react';
import Form from '@mapbox/mr-ui/form';
import FormSubmit from '@mapbox/mr-ui/form-submit';
import ControlText from '@mapbox/mr-ui/control-text';
// import validateRequired from '@mapbox/mr-ui/validators/validate-required';
function validateNoOp(value) {
console.log('val', value);
return '';
}
const formConfig = {
name: {
label: 'Search term',
placeholder: 'Text to match in profiles',
validator: validateNoOp, // validateRequired('Your name'),
},
};
const InputForm = (props) => {
const renderForm = (getControlProps, onSubmit) => {
return (
<>
<ControlText {...getControlProps('name')} />
</>
);
};
const submitForm = (values) => {
console.log('sub', values);
if (props.onSubmit) props.onSubmit(values);
};
const handleFormData = (controlValues) => {
console.log('handle', controlValues);
submitForm(controlValues);
return controlValues;
};
return (
);
};
export default InputForm;
- Lenguaje dominante
- TypeScript
- Estrellas
- 90
- Forks
- 5
- Merge medio
- 1 d 2 h
- PR fusionados (30 d)
- 1
Preparar el entorno
- Sin Dockerfile ni archivo de Docker Compose
- Sin plantilla de pull request
- Leer la guía de contribución
Primeros pasos
- Lee el issue completo y luego la guía de contribución del proyecto.
- Comenta en el issue que vas a ocuparte — evita que dos personas hagan lo mismo.
- Haz un fork del repositorio y trabaja en una rama.
- Abre un pull request que haga referencia al número del issue.
Más de mapbox/mr-ui
-
Dificultad 3/5 1-2 días Aptitud para principiantes 45/100
-
bug
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
Dificultad 4/5 3-5 días Aptitud para principiantes 35/100
-
Dificultad 3/5 1-2 días Aptitud para principiantes 35/100
-
estimate-2 jira-sync-complete
Dificultad 2/5 1-3 horas Aptitud para principiantes 38/100
Todos los issues de mapbox/mr-ui
Issues similares
-
fix(frontend): correct VITE_IS_DEVELPOMENT typo in shared/app.ts and align dev environment flagsAbierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 75/100
vicharanashala/ajrasakha#1439 ·
Los mantenedores suelen responder en 1 día
-
Add: TV5Monde AsieAbiertoapproved check:passed streams:add
Dificultad 2/5 1-3 horas Aptitud para principiantes 68/100
Los mantenedores suelen responder en 1 día
-
bug
Dificultad 2/5 1-3 horas Aptitud para principiantes 70/100
codex-team/editor.js#3037 ·
-
complexity: trivial good first issue impact: low
Dificultad 1/5 Menos de una hora Aptitud para principiantes 78/100
ueberdosis/tiptap#8522 ·
Los mantenedores suelen responder en 1 día
-
Bump anybuf version to ^1.0.0Abierto
Dificultad 2/5 1-3 horas Aptitud para principiantes 72/100
wormhole-foundation/wormhole#5062 ·
Los mantenedores suelen responder en 1 día