Estoy usando Ant Design para crear un menú desplegable en cascada. En lugar de codificar los valores, ¿cómo puedo completarlos desde una matriz? En este momento, el menú desplegable muestra la matriz de valores como una lista larga, en lugar de separarla en diferentes opciones. Aquí está mi código hasta ahora:
var valueArray = ["a", "b", "c"]; var childrenArray = ["d", "e", "f"]; var val; var child; for(var i=0; i<valueArray.length; i++){ val = valueArray[i]; child = chilrenArray[i] } const options = [ { value: val, label: val, children: [ { value: child, label: child, } ] } ];Prueba esto:
var valueArray = ["a", "b", "c"]; var childrenArray = ["d", "e", "f"]; const options = valueArray.map(v => { const item = { value: v, label: v, }; if (v === "a") { // add the children item.children = childrenArray.map(c => ({ value: c, label: c })); } return item; }); console.log(options);