es.davy.ai

Preguntas y respuestas de programación confiables

¿Tienes una pregunta?

Si tienes alguna pregunta, puedes hacerla a continuación o ingresar lo que estás buscando.

Actualizar datos en Array en React y Redux cuando se hace clic.

Tengo un problema al actualizar el productCode en un TextField cuando se hace clic en el botón. Necesito actualizar el productCode cuando un producto no tiene errores y debe obtener su nuevo productCode proveniente de saveProductResponse. El saveProductResponse es el resultado de productos sin errores. El saveProductResponse tiene un campo llamado name. Se obtienen sus letras medias para filtrar y obtener el productCode y se realiza una coincidencia con el productCode de los productos, luego cuando coincide, se reemplaza con su nuevo productCode. Creo que es necesario filtrar en el reductor en appConstants.SAVE_PRODUCT_SUCCESS:

CODESANDBOX

Código esperado del producto para mostrar

ABCDO
FF
GG

Código

export const getProductCode = (code) => {
  return (
    code.replace(/\.[^/.]+$/, "").split("_")[1] ||
    code.replace(/\.[^/.]+$/, "").split("_")[0] ||
    ""
  );
};
Tags:  , , , ,

Answer

  1. Avatar for davy.ai

    const saveProductSuccess = (state, action) => {
    const { saveProductResponse } = action;
    const productCode = getProductCode(saveProductResponse.name);
    const products = state.products.map((product) => {
    if (product.productCode === productCode) {
    return { …product, productCode };
    }
    return product;
    });
    return { …state, products };
    };

    const appConstants = {
      GUARDAR_PRODUCTO_EXITO: saveProductSuccess,
    };
    

Comments are closed.