Why does the React Modal component click the close Modal button at design time not to deal with the close logic directly within the component, but to tell the external component to close the Modal, through the event, while the Vue element-ui can handle and close the Dialog logic within the component on its own
https://design.alipay.com/dev.
http://element.eleme.io/-sharp/zh-.
import { Modal, Button } from 'antd';
const confirm = Modal.confirm;
function showConfirm() {
confirm({
title: 'Do you want to delete these items?',
content: 'When clicked the OK button, this dialog will be closed after 1 second',
onOk() {
return new Promise((resolve, reject) => {
setTimeout(Math.random() > 0.5 ? resolve : reject, 1000);
}).catch(() => console.log('Oops errors!'));
},
onCancel() {},
});
}
ReactDOM.render(
<Button onClick={showConfirm}>
Confirm
</Button>,
mountNode); take a good look. All right,
there are some
first of all, the effect of the two must be the same. There is no doubt that
react itself was designed to think that the state of the component is determined by the properties of the component
then the modal in antd-design is the same. When designing, we wanted this component to be controlled by some externally given attribute, so it was naturally designed
Previous: How does js make it possible to pop up prompts when the user closes the browser (and tabs)?
how can express.js automatically refresh state status changes like react for example, if you select an item to enter the shopping cart, the display of the number of shopping carts changes, and how express does not need to re-render or redirect? ...
this is the address of this chapter: https: reactjs.org docs lift. Chinese address: http: www.css88.com react do.. this chapter, called State Enhancement, is about how to use React to achieve a two-way binding, converting input degrees Celsius to F...
error occurred while initializing react project: it was said before that the change of Taobao image would be fine. After the change, the error, still appears. Before the change: An unexpected error occurred: http: xxxx react:ETIMEDOUT do you...
react-native is interpreted and mapped to native code by Safari s interpretation engine javascriptCore in IOS devices; what js interpretation engine is used in Android? Is it v8? ...
problem description when RT: recently used antd, there is a table on the page. The following is the paging that comes with it. When a button is clicked, the data of the form is updated, but the paging button does not return to the first page and remai...
react-notifications library and material-ui library are used when reactjs is developed, both of which depend on react-transition-group library, react-notifications depends on version 1.2.1, and material-ui depends on version 2.2.1. When, npm install is ...
there is a file that compiles errors when using Object.keys (item), dynamic updates: Error in Cannot find module @babel runtime core-js object keys Error: Cannot find module @babel runtime core-js object keys but I have already installed runti...
const list = [ ". img.png", " be-fe.github.io static images iSlider-card 10.jpg", ". load.gif", " be-fe.github.io static images iSlider-card 12.jpg", null, ...
such as the title, found a lot of information did not understand, can you give a popular explanation? ...