菜单中的下拉菜单中的onClick处理程序

Question

我对菜单中Dorpdown的onClick事件有疑问。我在某处读到DropDown使用了onClick处理程序，而应该使用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>