обработчик onClick в выпадающем меню, которое находится в меню - PullRequest
0 голосов
/ 20 февраля 2019

У меня есть вопрос о событии onClick Dorpdown в меню.Я где-то читал, что обработчик onClick используется Dropdown и что вместо него следует использовать onMouseDown.Это самый чистый путь или есть более чистые возможности.

Мой код выглядит так:

<Menu pointing>
  <Menu.Item
    name='home'
    active={activeItem === 'home'}
    onClick={this.handleItemClick}
  />
  <Menu.Item
    name='messages'
    active={activeItem === 'messages'}
    onClick={this.handleItemClick}
  />
  <Menu.Item
    name='friends'
    active={activeItem === 'friends'}
    onClick={this.handleItemClick}
  />
  <Menu.Menu position='right'>
    <Dropdown text='Account' pointing className='link item'>
      <Dropdown.Menu>
        <Dropdown.Header>Account</Dropdown.Header>
        <Dropdown.Divider />
        <Dropdown.Item>Updates</Dropdown.Item>
        <Dropdown.Item>Messages</Dropdown.Item>
        <Dropdown.Item>Tasks</Dropdown.Item>
        <Dropdown.Item>Comments</Dropdown.Item>
        <Dropdown.Divider />
        <Dropdown.Header>Settings</Dropdown.Header>
        <Dropdown.Divider />
        <Dropdown.Item>Profile</Dropdown.Item>
        <Dropdown.Item>Setting</Dropdown.Item>
        <Dropdown.Item>Payments</Dropdown.Item>
        <Dropdown.Item>Lock Account</Dropdown.Item>
        <Dropdown.Item onMouseDown={this.onClickLogout}>Logout</Dropdown.Item>
      </Dropdown.Menu>
    </Dropdown>
  </Menu.Menu>
</Menu>
...