Stuck on an issue?

Lightrun Answers was designed to reduce the constant googling that comes with debugging 3rd party libraries. It collects links to all the places you might be looking at while hunting down a tough bug.

And, if you’re still stuck at the end, we’re happy to hop on a call to see how we can help out.

Update props of existing modal dialogs created by Modal.method()

See original GitHub issue

I have searched the issues of this repository and believe that this is not a duplicate.

What problem does this feature solve?

Updating the existing dialogs could be useful. For example:

===== Uploading =====

Your files have been upload by XX%.

=================

===== Info =====

Your operation will be execuated in 4 seconds.

(this number keeps changing)

=============

Maybe I just want a simple method to implement such efforts, instead of writing so much Modal tags , especially to be implemented for many times. After all, many extra tags can not be a good idea.

Thank you.

What does the proposed API look like?

let myDialog = Modal.info(config);
myDialog.update(theNewConfig);

Issue Analytics

State:
Created 5 years ago
Comments:7 (5 by maintainers)

Top GitHub Comments

2reactions

afc163commented, Aug 25, 2018

https://github.com/ant-design/ant-design/pull/11884

cosnt instance = Modal.confirm(...);
instance.update({ ... });

update will be supported at 3.9.0: https://github.com/ant-design/ant-design/blob/c038d6f3c97045d1abd1e1206e3e1d717bdf39a5/components/modal/demo/manual.md

0reactions

xuxinhangcommented, Aug 25, 2018

@afc163 Thanks for your work which makes its using more convenient and elegant !

Top Results From Across the Web

How to change state of modal from a different component in ...

Use props . You should manage the Modal's open state in Products and pass the value to Modal as a prop whenever a...

How to Make a Modal Popup Refresh Items on the Page

Creating a React Bootstrap Modal. To get started, install react-bootstrap and bootstrap by running the following command:.

How To Implement a Modal Component in React - DigitalOcean

Build a modal component in your React project using props and state to control displaying and closing.

Modal - Ant Design

Modal.destroyAll() will destroy all confirmation modal dialogs. Usually, you can use it in router change event to destroy confirm modal dialog automatically.

Build a full-featured Modal dialog Form with React

In this tutorial, you'll create a form in a modal with React. The Modal pops up on a button click. A form is...