Seguí el enfoque como sugirió la respuesta en esta pregunta . El problema es que quiero construir una matriz usando setState y no lo hago; desea agregar datos duplicados.
aquí están los datos de muestra
const data = [ { parentId: '1', userChoice: 'NO', child: [] }, { parentId: '2', userChoice: 'NO', child: [] }, }Estoy capturando el parentId de question.id de la entrada del usuario. Si hay la misma pregunta, entonces no quiero concatenar en la matriz.
Así es como lo estoy intentando.
const [data, setData] = useState([]) // state function arrayHandler(question) { const hasParentId = data.find((parentId) => question.id === parentId) // concat if array do not have any question with same id. if (!hasParentId) { setData((data) => data.concat({ parentId: question.id, userChoice: 'NO', child: [] })) } }Pero esto no funciona, ¿cómo puedo solucionarlo?
Puede verificar si alguno de los elementos en los data tiene una ID coincidente usando Array.some y, si no, puede usar concat o simplemente el operador de extensión para agregar el nuevo objeto a los datos existentes.
function arrayHandler(question) { if (!data.some((d) => question.id === d.parentId)) { setData((data) => [...data, { parentId: question.id, userChoice: "NO", child: [] }]); } }Creo que ahora debería funcionar
function arrayHandler(question) { const hasParentId = data.find((object) => question.id === object.parentId) // concat if array do not have any question with same id. if (!hasParentId) { setData((data) => data.concat({ parentId: question.id, userChoice: 'NO', child: [] })) }}