Recibo el siguiente error al intentar crear un mapa múltiple con 'fecha' como clave y luego iterar a través del mapa múltiple que tiene matrices como valores.
Escriba '{hijos: nunca[]; clave: cadena; Índice: cadena; Elemento: AlgúnElemento[]; }' no se puede asignar al tipo 'IntrinsicAttributes & Props'. La propiedad 'hijos' no existe en el tipo 'IntrinsicAttributes & Props'. (2322)
y no estoy seguro de cómo arreglar esto
const History = () => { const [counter, setCounter] = useState(0); type SomeMap = Map<string, SomeItem[]>; let map: SomeMap = new Map(); //Items is of type SomeItem[] Items.foreach((item) =>{ if(map.has(item.date)){ (map.get(item.date) ?? []).push(item); } else{ map.set(item.date,[item]); } }); return( <Accordian> { map.foreach((value, index) => { setCounter(counter +1 ); <Task key={index} Index={counter.toString()} Item={value}> </Task> })} </Accordian> ); }; type Props = { index: string; Item: SomeItem[]; }; const Task = (props:Props) => { const index = props.Index; const Item = props.SomeItem; render(/*Some Code*/); };Task no está escrita para recibir elementos children , pero en realidad está pasando un nodo de texto de nueva línea como elementos secundarios de la tarea.
<Task key={index} Index={counter.toString()} Item={value}>{/* there is a new line text node here */} </Task>Probablemente desee hacer que la etiqueta JSX se cierre automáticamente para asegurarse de que no tenga hijos:
<Task key={index} Index={counter.toString()} Item={value} />