How to show a modal window on the website?

As they did in the example, but for some reason the modal window is not shown:
import _ from 'lodash'
import React { Component } from 'react';
import { Tab, Tabs, TabList, TabPanel } from 'react-tabs';
import { Table, Button, Header, Image, Modal } from 'semantic-ui-react';
import 'react-tabs/style/react-tabs.css';
MeetupList class export extends Component {
 render() {
 const { column direction } = this.state

 return (
 <ExampleApp />);
}
}


const ExampleApp = () => (
 <Modal trigger={<Button>Show Modal</Button>} centered={false}>
 <Modal.Header>Select a Photo</Modal.Header>
 <Modal.Content image>
 <Image wrapped size='medium' src='https://react.semantic-ui.com/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>
)


What could be the problem?
April 7th 20 at 10:40
1 answer
April 7th 20 at 10:42
I think I realized that I had not connected css library - enrique.Terry50 commented on April 7th 20 at 10:45

Find more questions by tags React