Rendern einer redux Komponente mit und ohne Kinder

Question

ich, dass Kinder Knoten eines Redux Behälter bemerkt haben, können automatisch als Requisiten zur umschlungenen Komponente übergeben bekommen:

<Container> 
    Child Text 
</Container> 

Container.js:

const Container = connect()(Component) 

Component.js:

const Component = ({ children }) => { 
    if (children) { 
    return (
     <p> 
     {children} 
     </p> 
    ) 
    } 

    return (
     <p> 
     No Child Text 
     </p> 
) 
} 

Component.propTypes = { 
    children: PropTypes.node.isRequired, 
} 

Wenn ich jetzt machen:

<Container> 
    Child Text 
</Container> 
<Container/> 

Ich erhalte eine Warnung für <Container/>:

Warning: Failed propType: Required prop 'children' was not specified in 'Component' 

Ich frage mich, wie diese Warnung zu vermeiden, während in der Lage sein, beide Variationen meiner Komponente zu machen.

Answer 1

einfach die .isRequired

von

Component.propTypes = { 
    children: PropTypes.node.isRequired, 
} 

entfernen grundsätzlich Sie den Behälter gesagt, dass children prop ein erforderliches sein wird, so React warnt Sie, wenn es fehlt.