0
votes

Pourquoi l'enfant de composant n'est-il pas rendu?

J'ai écrit le code suivant dans app.js composant: xxx

et j'ai écrit le code suivant dans examens.js composant: xxx

mais la sortie montre ceci:

PARASTOOO

Quel est le problème? Pourquoi l'enfant n'est-il pas

rendu?


0 commentaires

3 Réponses :


1
votes

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>
  );
};


0 commentaires

0
votes

Ça s'appelle ProPs.children Code>. Lire de la section Documentation CONTINEMENT .

const Exam = (props) => {
  return (
    <div>
      <p>parastoo</p>
      {props.children}
    </div>
  );
};


0 commentaires

0
votes

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>
    );
  }
};


0 commentaires