Tengo este fragmento de código, que iteraría sobre los KVP de un objeto y haría una lista de ellos.
import { PersoanaType } from "./PersoanaType"; type Props = { persoana: PersoanaType } export default function PersoanaDetails(props: Props) { return ( <ul> { props.persoana && Object.entries(props.persoana).forEach(([key, value], index) => <li>value</li> ) } </ul> ); }Desafortunadamente, por alguna razón, recibo este error:
Type 'void' is not assignable to type 'ReactNode'.No puedo entender por qué. Entonces, ¿por qué sucede esto y cómo puedo solucionarlo? ¡Gracias!
Use un map en lugar de forEach ya que desea devolver una matriz de elementos aquí. Luego, asegúrese de agregar una key a cada elemento en el bucle, así:
import { PersoanaType } from "./PersoanaType"; type Props = { persoana: PersoanaType; }; export default function PersoanaDetails(props: Props) { return ( <ul> {props.persoana && Object.entries(props.persoana).map(([key, value], index) => <li key={key}>{value}</li>)} </ul> ); }