Как создать выпадающую кнопку с дополнительной опцией, чтобы при нажатии js не происходило переключения? - PullRequest
Новая
       13

Как создать выпадающую кнопку с дополнительной опцией, чтобы при нажатии js не происходило переключения?

2 голосов
/ 07 ноября 2019

Я хочу добавить дополнительную опцию для извлечения данных 

import React, { useState } from 'react';
import { Dropdown, DropdownToggle, DropdownMenu, DropdownItem } from 'reactstrap';

const Example = (props) => {
  const [dropdownOpen, setDropdownOpen] = useState(false);

  const toggle = () => setDropdownOpen(prevState => !prevState);

  return (
    <Dropdown isOpen={dropdownOpen} toggle={toggle}>
      <DropdownToggle caret>
        Dropdown
        </DropdownToggle>
      <DropdownMenu>
        <DropdownItem header>Header</DropdownItem>
        <DropdownItem>Some Action</DropdownItem>
        <DropdownItem>Some Action</DropdownItem>
        <DropdownItem onClick={(e) => {this.showAllData(e)} }>See Action</DropdownItem>
      </DropdownMenu>
    </Dropdown>
  );
}

export default Example;

Я просто хочу получать больше данных по щелчку раскрывающегося элемента, не закрывая раскрывающийся список, может кто-нибудь дать решение, чтобы выяснить это.

1 Ответ

2 голосов
/ 07 ноября 2019

просто оставить toggle = {false} для выпадающий элемент 

<DropdownItem toggle={false} onClick={(e) => {this.showAllData(e)} }>See Action</DropdownItem>
...