0
votes

Comment passer la valeur d'une variable constante à l'intérieur d'un composant à un autre composant de réact.js

J'essaie d'envoyer la valeur de "nom" à un autre composant, disons que l'autre composant est appelé "en-tête" comme suit:

extrait du code: xxx

I Obtenir cette erreur "attendue une attribution ou une fonction d'attribution et j'ai vu une expression non inutilisée-expressions" par la manière dont j'ai importé "l'en-tête d'importation de" ../header"<

javascript reactjs components

0 commentaires

3 Réponses :

0
votes

Essayez d'obtenir le nom directement à partir d'orgprofilestate comme

const {organisation: {nom}} = orgprofilestate

2 commentaires

Iam capable d'obtenir le nom de l'organisation placer Je souhaite transmettre la valeur du nom de ce composant à un autre composant afin que je puisse l'afficher à l'écran.

Vous le passez déjà, je pense que vous ne pouvez pas simplement entrer dans l'autre composant ..

0
votes

Vous devez retourner votre composant d'en-tête de l'intérieur de votre fonction:

const OrganizationProfile = () => {
   const organizationId = window.location.pathname.split("/")[2];
  const { orgProfileState, orgProfileDispatch } = useContext(
    OrganizationContext,
  );
  const { error, loading, organization } = orgProfileState;

  const {
    name,
    email,
    location,
    needs,
    about = "",
    objectives = {},
    urls = {},
  } = organization || {};
  console.log(name); // prints out name of organisation

return (
    <Header name={name} />
)

2 commentaires

Salut @Raunak j'ai essayé que, puis je ne pourrai rien retourner après ce problème

Comme @HALIM a souligné, vous pouvez envelopper tous les composants de l'enfant que vous devez revenir à l'intérieur d'un seul

ou un fragment de réagisme

0
votes

Comme @Raunak TIBREWAL dit que vous devez vous envelopper dans une déclaration de retour, vous avez dit que vous ne pourrez rien retourner après cela, je n'ai pas eu le contexte complet, mais vous pouvez le faire:

return(
  <>
   <Header name={name}
   <Body />
   <Footer/>
  </>
)

0 commentaires