Bereaksi - hindari dropdown untuk menutup saat Anda mengembangkan akordeon di dalam dropdown

Saya menggunakan Semantic UI React, struktur kode saya terlihat seperti ini:

 <Dropdown icon='plus'>
      <Dropdown.Menu >
             <Accordion>
              <Accordion.Title>
                   Test
              </Accordion.Title>
              <Accordion.Content>
                  Something
              </Accordion.Content>
            </Accordion>
      </Dropdown.Menu>
 </Dropdown>

Saya ingin akordeon tidak menutup dropdown dengan mengklik judulnya. Saya mencoba menggunakan e.stopPropagation() di dropdown tetapi tidak berhasil. Apakah Anda punya saran? :D


reactjs dropdown accordion semantic-ui
person Sofija    schedule 24.06.2020    source sumber
comment
coba gunakan multiple <Dropdown icon='plus' multiple >   -  person Pankaj Divgi    schedule 24.06.2020
comment
@PankajDivgi Saya sudah mencobanya, dan efeknya masih sama   -  person Sofija    schedule 24.06.2020

Jawaban (1)


arrow_upward
0
arrow_downward

https://react.semantic-ui.com/modules/accordion

klik tombol CodeSandBox pertama lalu klik centang untuk membuka

pada baris 10 perubahan:

const newIndex = activeIndex === index ? -1 : index

to:

 const newIndex = index;

simpan kembaliannya dan uji sendiri.

Anda dapat merapikan fungsinya lebih lanjut:

  handleClick = (e, titleProps) => {
    const { index } = titleProps;
    this.setState({ activeIndex: index });
  };
person J Davies    schedule 24.06.2020