How to show a modal window on a website?

Question

React

I did it as 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';
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>
)

What could be the problem?

Answer 1

https://codesandbox.io/s/semantic-ui-example-nydet - everything seems to work?