/Javascript/React/Open modal on clicking select option in react

Open modal on clicking select option in react

import * as React from 'react';

export class Demo extends React.Component<{}, {}> {
  state = {
    options: [
      { text: 'doNothing', value: 'doNothing' },
      { text: 'openModal', value: 'openModal' }
    ],
    open: false
  };

  onClose = () => this.setState({open: false});
  onChange = (selected) => {
    // if the correct one is selected then...
    // this.setState({open: true});
  }

  render() {
    return (
      <div>
        <Dropdown
          fluid
          selection
          options={this.options}
          onChange={this.onChange}
          defaultValue={this.options[0].value} />

        <Modal open={this.state.open} onClose={this.onClose}>
          <Modal.Header>Select a Photo</Modal.Header>
          <Modal.Content image>
            <Modal.Description>
              <p>Some contents.</p>
            </Modal.Description>
          </Modal.Content>
        </Modal>
      </div>
    )
  }
}

Source: stackoverflow.com

Similar codes

7 votes186 views4 answers
Import image in react js
Javascript React
0 vote185 views1 answer
React native undedined map
Javascript React
0 vote194 views1 answer
React native run real device
Javascript React
105 votes257 views1 answer
Install and run react js project...
Javascript React
1 vote192 views1 answer
Stream closed react native
Javascript React
26 votes254 views6 answers
React js
Javascript React
105 votes244 views1 answer
React simbu
Javascript React
3 votes186 views1 answer
React after deployment givin nginx 404
Javascript React
48 votes196 views1 answer
Emmet not working react js
Javascript React
47 votes195 views3 answers
How to comment in the react javascript
Javascript React