• Jobs
  • About Us
  • professionals
    • Home
    • Jobs
    • Courses and challenges
  • business
    • Home
    • Post vacancy
    • Our process
    • Pricing
    • Assessments
    • Payroll
    • Blog
    • Sales
    • Salary Calculator

0

168
Views
ReactJS - Función para sobrescribir en masa la variable usestate anidada

Tengo un objeto de diccionario anidado con la siguiente estructura:

 const [fieldErrorMessage, setFieldErrorMessage] = useState({ signinEmail: { show: false, message: "Error", }, signinPassword: { show: false, message: "Error", }, signupEmail: { show: false, message: "Error", }, signupPassword: { show: false, message: "Error", }, signupRegistrationToken: { show: false, message: "Error", }, });

Creé una función que debería incluir una serie de diccionarios anidados (por ejemplo, signinEmail , signinPassword , ...) y establecí su valor para su clave de show en false (sin cambiar el valor de la propiedad del message ).

Aquí está mi función:

 function hideFieldErrors(setter, fieldNameArray) { fieldNameArray.forEach((fieldName) => { setter((prevState) => ({ ...prevState, fieldName: { ...prevState.fieldName, show: false, }, })); }); }

Cuando lo llamo, los valores show no cambian. ¿Porqué es eso?

Lo estoy llamando a través de este código:

 hideFieldErrors(setFieldErrorMessage, [ "signinEmail", "signinPassword", "signupEmail", "signupPassword", "signupRegistrationToken", ]);
almost 3 years ago · Juan Pablo Isaza
1 answers
Answer question

0

La forma en que ha utilizado fieldName no funciona como esperaba. el nombre de la variable (que es una cadena) se debe incluir entre corchetes para que sea una propiedad accesible.

Prueba como a continuación.

 function hideFieldErrors(setter, fieldNameArray) { fieldNameArray.forEach((fieldName) => { setter((prevState) => ({ ...prevState, [fieldName]: { ...prevState[fieldName], show: false, }, })); }); }
almost 3 years ago · Juan Pablo Isaza Report
Answer question
Find remote jobs

Discover the new way to find a job!

Top jobs
Top job categories
Business
Post vacancy Pricing Our process Sales
Legal
Terms and conditions Privacy policy
© 2025 PeakU Inc. All Rights Reserved.

Andres GPT

Recommend me some offers
I have an error