0

Tengo la siguiente función:

  function generarTabla({
    dataSource,
    fieldPanel = {
        visible: true,
        showColumnFields: false,
        showRowFields: true,
        showDataFields: false,
        showFilterFields: false
    },
}){
 console.log({ fieldPanel })
}

Cuando llamo la función y no paso nada en fieldPanel toma los valores establecidos por defecto. Pero si paso en el objeto una sola propiedad, elimina el resto de los valores y solo toma el que pasé. Ejemplo:

 generarTabla({
    'dataSource',
    fieldPanel: {
        showColumnFields: true,
    }
})

En la consola me aparece lo siguiente:

{ "fieldPanel": { "showColumnFields": true } }

Cómo puedo hacer para que tome el resto de las propiedades de la declaración por defecto. Resultado esperado:

    {
    "visible": true,
    "showColumnFields": true,
    "showRowFields": true,
    "showDataFields": false,
    "showFilterFields": false
} 

Agradezco cualquier orientación o sugerencia sobre cómo implementar esto de manera efectiva.

1 respuesta 1

2

Puedes utilizar el operador Spread

function generarTabla(fieldPanelOptions){
 
 //Aqui pones los valores Default
 const fieldPanelDefault = {
      visible: true,
      showColumnFields: false,
      showRowFields: true,
      showDataFields: false,
      showFilterFields: false
   };
   
   //unes los valores default con los que ingresan como argumentos
   fieldPanelOptions = {...fieldPanelDefault,...fieldPanelOptions}; 
   console.log(fieldPanelOptions);
}

generarTabla();
generarTabla({showColumnFields: true});

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.