/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

1 vote211 views1 answer
Conditional style react native
Javascript React
1 vote230 views1 answer
Reactjs javascript is mobile and desktop
Javascript React
4 votes202 views2 answers
React get url params in class component
Javascript React
32 votes223 views1 answer
How to do routes react js
Javascript React
24 votes241 views6 answers
Proptypes react
Javascript React
0 vote197 views1 answer
React-simple-star-rating
Javascript React
18 votes206 views6 answers
React-native make android apk
Javascript React
3 votes270 views1 answer
React hooks send data from child to parent
Javascript React
0 vote356 views1 answer
Get call log in react native android
Javascript React
0 vote223 views3 answers
Play sound onload react
Javascript React