Donc, généralement nous créons un composant enfant de réactant à l'aide du code semble être celui-ci: Comment créer cela en utilisant conditionnel? Je dois essayer celui-ci: mais cette erreur de jet de code: les fonctions ne sont pas valides comme un enfant réagissant. Cela peut arriver si vous retournez un composant au lieu de rendu. Ou peut-être que vous vouliez appeler cette fonction plutôt que de le retourner. Comment écrire correctement ce code?
4 Réponses :
const myComp = ({value}) =>(
<div>
{
value &&
<myComp />
}
<div>
From my comment above. One way is to use conditional rendering in you JSX code
Vous pouvez le faire en passant simplement un maintenant si vous souhaitez l'afficher, vous pouvez simplement l'appeler comme suit: espère que cela fonctionne pour vous . prop à celui-ci. Rendre le composant comme:
Vous pouvez le faire comme ceci true peut être conditionné que vous souhaitez vérifier
const bio = this.state.displayBio ? (
<div>
This is true false condition
<button onClick={this.toggleDisplay}>Show Less</button>
</div>
) : (
<div>
<button onClick={this.toggleDisplay}>Show More</button>
</div>
);
Essayez