诸暨公司做网站,wordpress自定義欄目,安徽建设厅官网,上海建筑设计院在使用Modal.confirm的时候今天发现了个疑惑的问题#xff0c;为什么我明明从新set了数据而页面视图没有变化#xff0c;查了一下官方文档找到了答案#xff0c;解决了这个问题#xff0c;特意在这里留下痕迹。
import { Button, Col, Form, Input, Modal, Radio, Row, Se…在使用Modal.confirm的时候今天发现了个疑惑的问题为什么我明明从新set了数据而页面视图没有变化查了一下官方文档找到了答案解决了这个问题特意在这里留下痕迹。
import { Button, Col, Form, Input, Modal, Radio, Row, Select, Space, Spin } from antd
let modal null
export default function (props) {const [typeStr, settypeStr] useState()const [lookIPorAS, setlookIPorAS] useState(ip)const returnModalFun () {return Row classNamem-b-10-pxCol span{16} key{lookIPorAS}Radio.Group onChange{onchangeFun} value{lookIPorAS}Radio valueipIP/RadioRadio valueasAS/Radio/Radio.Group/Col/Row}const onchangeFun (e) {setlookIPorAS(e.target.value)}const detailsFun (item) {setItemObj(item)const { type } itemif (type 滥用) {// settypeStr(abuseString)modal Modal.confirm({title: 请选择要查看的类型,content: returnModalFun(),onOk: () {},})} else if (type aaa) {settypeStr(type1)setVisible(true)} else if (type bbb) {settypeStr(type2)setVisible(true)}}return (null)
}上述的代码是有问题的据说会发生我上述的问题数据并不能更新。 首先看一下官方的解释 我们只需要在生成Modal的时候接收返回的实例对象 然后调用update方法即可更新数据 useEffect(() {modal modal.update({title: 请选择要查看的类型,content:returnModalFun() ,});}, [lookIPorAS])全部代码
javascript
import { Button, Col, Form, Input, Modal, Radio, Row, Select, Space, Spin } from antd
let modal null
export default function (props) {const [typeStr, settypeStr] useState()const [lookIPorAS, setlookIPorAS] useState(ip)useEffect(() {modal modal.update({title: 请选择要查看的类型,content:returnModalFun() ,});}, [lookIPorAS])const returnModalFun () {return Row classNamem-b-10-pxCol span{16} key{lookIPorAS}Radio.Group onChange{onchangeFun} value{lookIPorAS}Radio valueipIP/RadioRadio valueasAS/Radio/Radio.Group/Col/Row}const onchangeFun (e) {setlookIPorAS(e.target.value)}const detailsFun (item) {const { type } itemif (type 滥用) {// settypeStr(abuseString)modal Modal.confirm({title: 请选择要查看的类型,content: returnModalFun(),onOk: () {},})} else if (type aaa) {settypeStr(type1)setVisible(true)} else if (type bbb) {settypeStr(type2)setVisible(true)}}return (null)
}
