• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

React js przekazanie eventu do innego komponentu

VPS Starter Arubacloud
0 głosów
367 wizyt
pytanie zadane 20 stycznia 2021 w JavaScript przez FoLONG Nowicjusz (160 p.)
edycja 20 stycznia 2021 przez FoLONG

Cześć,

Mam dwa komponenty jeden to avatar a drugi displayMenu. W komponencie displayMenu mam całą obsługę wyświetlania menu. Teraz chcę zrobić, że kiedy użytkownik kliknie w avatar to w komponencie displayMenu click event załączy odpowiednią funkcje i wyświetli menu, jendak nie wiem jak mam przekać click event z avataru do displayMenu.

 

    <AppBar position="sticky" className={classes.navBarStyle}>
        <Toolbar>
            <Avatar alt="Remy Sharp" className={classes.userAvatar} src="./avatar.jpg"/>
        </Toolbar>
        <DropDownMenu />
      </AppBar>
function DropDownMenu({click}) {
    const [anchorEl, setAnchorEl] = React.useState(null);
    const open = Boolean(anchorEl);
    console.log(click)
    const handleClick = (event) => {
      setAnchorEl(event.currentTarget);
    };
  
    const handleClose = () => {
      setAnchorEl(null);
    };
  
    return (
      <div>
        <Menu
          id="fade-menu"
          anchorEl={anchorEl}
          keepMounted
          open={open}
          onClose={handleClose}
          TransitionComponent={Fade}
        >
          <MenuItem onClick={handleClose}>Profile</MenuItem>
          <MenuItem onClick={handleClose}>My account</MenuItem>
          <MenuItem onClick={handleClose}>Logout</MenuItem>
        </Menu>
      </div>
    );
}

 

komentarz 20 stycznia 2021 przez ScriptyChris Mędrzec (190,190 p.)

1 odpowiedź

0 głosów
odpowiedź 20 stycznia 2021 przez Bosswell Nałogowiec (36,470 p.)
Musiałbyś opakować Dropdown i Toolbar w pewien komponent, a następnie przekazać stan.
komentarz 20 stycznia 2021 przez Tomek Sochacki Ekspert (227,510 p.)
Ewentualnie użyć react context.

Podobne pytania

0 głosów
1 odpowiedź 425 wizyt
pytanie zadane 10 października 2021 w JavaScript przez lysywilkoklak Początkujący (290 p.)
0 głosów
1 odpowiedź 222 wizyt
0 głosów
1 odpowiedź 259 wizyt
pytanie zadane 24 lipca 2022 w JavaScript przez wsnofi Bywalec (2,680 p.)

92,840 zapytań

141,781 odpowiedzi

320,856 komentarzy

62,172 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...