J'ai écrit le code suivant dans et j'ai écrit le code suivant dans examens.js strong > composant: p> mais la sortie montre ceci: p> PARASTOOO P>
blockQuote> Quel est le problème? Pourquoi l'enfant n'est-il pas
code> rendu? P> p>
3 Réponses :
Les composants de l'enfant sont passés via les enfants CODE> STRY> PROP au composant, même s'il n'y a qu'un seul enfant:
const Exam = ({children}) => {
return (
<div>
<p>parastoo</p>
{children}
</div>
);
};
Ça s'appelle ProPs.children Code>. Lire de la section Documentation CONTINEMENT .
const Exam = (props) => {
return (
<div>
<p>parastoo</p>
{props.children}
</div>
);
};
in réagir, vous pouvez passer des accessoires ou des propriétés aux composants enfants. Dites que vous avez un composant d'application qui rend un composant enfant appelé courantDate qui est un composant fonctionnel apatride. Vous pouvez transmettre CourentDate une propriété de date en écrivant:
class Calendar extends React.Component { constructor(props) { super(props); } render() { return ( <div> <h3>What date is it?</h3> { /* change code below this line */ } <CurrentDate date={Date()}/> { /* change code above this line */ } </div> ); } };