/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

0 vote200 views1 answer
Organize api calls react native folder
Javascript React
1 vote215 views1 answer
React emoji picker
Javascript React
0 vote214 views1 answer
Render a react component only after API response is received
Javascript React
0 vote203 views1 answer
Display image from local JSON / JS Object using React
Javascript React
3 votes244 views3 answers
Multiple styles in react native
Javascript React
0 vote215 views1 answer
Node_modules/react-native-paper/lib/module/core/Provider.js
Javascript React
11 votes220 views2 answers
'React' must be in scope when using JSX react/react-in-jsx-scope
Javascript React
2 votes208 views2 answers
Update specific properties of an object react spread operator
Javascript React
0 vote228 views1 answer
How to accept only. proper email from an input field react with functional component
Javascript React
0 vote209 views1 answer
Get nested value on object react using dot
Javascript React