Wie kann ich in Typoskript Reagieren props.children Gießen (TSX)

Question

Jetzt möchte ich in Requisiten jeweils Kinder Schleife etwas mit nur einer Art von Elementen

Ich mag dieses Es

React.Children.forEach(this.props.children, (child) => { 
    if (child.type === MenuItem && child.props.url === path) { 
     isActive = true 
    } 
    }) 

tun zu tun immer warnen Likes 'Typ existiert nicht auf Typ React.ReactElement', 'Requisiten existiert nicht auf Typ React.ReactElement'

Aber es funktioniert gut, aber diese Warnung nervt mich, Und mache mich nicht sicher, dass ich es getan habe falsch oder nicht.

Answer 1

benötigen Sie Kind Typ/Schnittstelle

React.Children.forEach(this.props.children, (child:MyReactComponent) => { 
    if (child.type === MenuItem && child.props.url === path) { 
    isActive = true 
    } 
}) 

sicher u kann immer mit „any“ Typ zu definieren, um Typ-Kontrollen (und Warnungen) überspringen, aber u sollte denken, bevor „irgendwelche“ Art Gussteile überall setzen.