Breaking News: Grepper is joining You.com. Read the official announcement!

open modal on clicking select option in react

Busy Bee answered on August 3, 2021 Popularity 10/10 Helpfulness 2/10

answer open modal on clicking select option in react

open modal on clicking select option in react

Comment

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>
    )
  }
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: stackoverflow.com

Tags: clicking javascript select

Link to this answer
Share Copy Link

Contributed on Aug 03 2021

Busy Bee

0 Answers Avg Quality 2/10

open modal on clicking select option in react

Contents

More Related Answers

open modal on clicking select option in react

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.