0
105
VisualizaçõesLa búsqueda en la vista de árbol de multiplicación no funciona correctamente
tiene un problema con la búsqueda de implantación en la vista de árbol múltiple. Puede comprobar el código en el enlace . En el grupo tenemos childGroup y list , tenemos que buscar listas y nombres de grupos. (compruebe los datos en el archivo data.js)
Piensa que el problema está en alguna parte aquí.
const search = (items, term) => { return items.reduce((acc, item) => { if (contains(item.name, term)) { acc.push(item); } else if (item.childGroupList?.length) { let newGroupsItems = search(item.childGroupList, term); if (newGroupsItems?.length) { item.childGroupList = newGroupsItems; acc.push(item); } } else if (item.list?.length) { let newListItems = search(item.list, term); if (newListItems?.length) { item.list = newListItems; acc.push(item); } } return acc; }, []); };1 Respostas
Responde à pergunta0
Hubo algunos problemas en su search recursiva.
Su cadena
if,else if,else ifdebe ser independiente. Realmente deberían ser tresifbloques.Debe presionar el resultado solo después de que todas las búsquedas se hayan realizado en un cierto nivel. Obtuve una copia del elemento y
childGroupListylistlas propiedades vacías ([]) inicialmente y las actualicé cuando una búsqueda fue exitosa.
Prueba así.
// main search function, here is the problem const search = (items, term) => { return items.reduce((acc, item) => { let itemCopy = JSON.parse(JSON.stringify(item)); itemCopy.childGroupList = []; itemCopy.list = []; let found = false; if (contains(item.name, term)) { found = true; } if (item.childGroupList?.length) { let newGroupsItems = search(item.childGroupList, term); if (newGroupsItems?.length) { found = true; itemCopy.childGroupList = newGroupsItems; } } if (item.list?.length) { let newListItems = search(item.list, term); if (newListItems?.length) { found = true; itemCopy.list = newListItems; } } if (found) { acc.push(itemCopy); } return acc; }, []); };Caja de arena de código => https://stackblitz.com/edit/react-rmrlj1?file=src%2FApp.js
