Сделал как в
примере, но почему то модальное окно не показывается:
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';
export class MeetupList 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>
)
В чем может быть проблема?
