av一区二区在线观看_亚洲男人的天堂网站_日韩亚洲视频_在线成人免费_欧美日韩精品免费观看视频_久草视

您的位置:首頁技術文章
文章詳情頁

javascript - react 里使用antd model 怎么控制model 開關

瀏覽:129日期:2022-11-28 13:35:17

問題描述

react 里使用antd model 怎么控制model 開關

父主鍵組件 傳入屬性

<AdvSimpleInfo visible={this.state.advSimpleInfoModel.visible}/>

advSimpleInfoModel 父組件state對象

advSimpleInfoModel: { visible: false }

子主鍵

import React from ’react’;import { Modal} from ’antd’;import Common from ’pricomp/Common’;import ’./advSimpleInfo.less’export default class AdvSimpleInfo extends React.Component { constructor(props) { super(props); this.state = { confirmLoading: false }; } showModal() { this.setState({ visible: true }); } handleOk() { let _this = this; this.setState({ Loading: true }); let params = { advertId: this.props.id }; const promise = Common.ajax(’pageQueryPrivilege’, params); promise.then(function(res) { console.log(res); }) } render() { return ( <p><Modal visible={this.props.visible} onOk={this.handleOk} confirmLoading={this.state.confirmLoading} onCancel={this.handleCancel}> <p>{this.state.ModalText}</p> <p className='adv-simple-info-warp'> <p><span>ID:</span>88888</p> <p><span>名稱:</span>一個200紅包</p> <p><span>狀態:</span>有效</p> <p><span>庫存:</span>剩余/總數</p> <p><span>廣告主:</span>剩余/總數</p> <p><span>代理商:</span>剩余/總數</p> </p></Modal> </p> ); }}

子組件屬性 改變了傳入的值 可是彈窗不能出現

visible={this.props.visible}

問題解答

回答1:

看不到改變state里面的visible的方法呀。不夠詳細唉。

回答2:

state 和 props 傻傻分不清,你的showModal這個方法也沒有綁定this,好好看看官網的例子:

import { Modal, Button } from ’antd’;class App extends React.Component { state = { visible: false } showModal = () => { this.setState({ visible: true, }); } handleOk = (e) => { console.log(e); this.setState({ visible: false, }); } handleCancel = (e) => { console.log(e); this.setState({ visible: false, }); } render() { return ( <p><Button type='primary' onClick={this.showModal}>Open</Button><Modal visible={this.state.visible} onOk={this.handleOk} onCancel={this.handleCancel}> <p>Some contents...</p> <p>Some contents...</p> <p>Some contents...</p></Modal> </p> ); }}ReactDOM.render(<App />, mountNode);

標簽: JavaScript
相關文章:
主站蜘蛛池模板: 国产69精品久久99不卡免费版 | 日韩av啪啪网站大全免费观看 | 日韩久久久久 | 干干天天 | 成人av网站在线观看 | 91影院在线观看 | 国产一区二区在线播放 | 91网站在线观看视频 | jizz在线看片 | 精品国产乱码一区二区三区a | 亚洲精品成人av | 亚洲一区二区三区四区五区中文 | 久久精品| 日韩在线观看视频一区 | 久久久久久久一区 | 日韩精品在线观看免费 | 欧美日产国产成人免费图片 | 精品久久精品 | 国产欧美性成人精品午夜 | 91国内精品久久 | 成人在线精品 | 亚洲自拍偷拍免费视频 | 日韩精品一区二 | 天天久久 | 国产精品免费视频一区 | 免费观看毛片 | 精品国产视频在线观看 | 一区二区成人在线 | 在线视频日韩 | 国产成人精品一区二区三区网站观看 | 日本一区精品 | 天堂av在线影院 | 日本人和亚洲人zjzjhd | 69av在线视频| 亚洲精品自在在线观看 | 国产成人综合亚洲欧美94在线 | 免费麻豆视频 | 91精品国产综合久久婷婷香蕉 | 国产日韩一区二区 | 亚洲一区二区不卡在线观看 | 国产一级片在线播放 |