Почему не работает модальное окно?

Question

[frolldoll]

Использую компонент semantic UI
INDEX.HTML - подключаю стили

<link rel="stylesheet" type="text/css" href="/css/button.css">
        <link rel="stylesheet" type="text/css" href="/css/image.css">
        <link rel="stylesheet" type="text/css" href="/css/header.css">
  <link rel="stylesheet" type="text/css" href="/css/modal.css">

Сам компонент модального окна -

import React from 'react'
import { Button, Header, Image, Modal } from 'semantic-ui-react'

const ModalModalExample = () => (
  <Modal trigger={<Button>Show Modal</Button>}>
    <Modal.Header>Select a Photo</Modal.Header>
    <Modal.Content image>
      <Image wrapped size='medium' src='/assets/images/avatar/large/rachel.png' />
      <Modal.Description>
        <Header>Default Profile Image</Header>
        <p>We've found the following gravatar image associated with your e-mail address.</p>
        <p>Is it okay to use this photo?</p>
      </Modal.Description>
    </Modal.Content>
  </Modal>
)

export default ModalModalExample

Я его пробую октрыть в другом компоненте так

...
import Modalw from '../modal'
...код
<Modalw/>
...код

Но модальное окно не открывается - только кнопка выводиться и стилизуется - при нажатии ничего не происходит (на semantic ui этот компонент так и выглядит https://react.semantic-ui.com/modules/modal#modal-...

Comments

[Максим]

frolldoll у вас проблема с выбором ответа/ответов, пройдитесь по своим вопросам.

[Антон Спирин]

Думаю, эту библиотеку мало кто тут использовал. Читайте документацию, смотрите исходники.

Answer 1

[real2210]

сначала
export default ModalModalExample

А потом
import Modalw from '../modal'
Проблема явно в этом