第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

redux 改變狀態(tài)

redux 改變狀態(tài)

暮色呼如 2019-05-21 11:20:09
component1importReactfrom'react';import{Table}from'antd';import{connect}from'react-redux';classTradeextendsReact.Component{componentWillMount(){constdata=[{key:'1',name:'JohnBrown',age:32,address:'NewYorkNo.1LakePark',},{key:'2',name:'JimGreen',age:42,address:'LondonNo.1LakePark',},{key:'3',name:'JoeBlack',age:32,address:'SidneyNo.1LakePark',}]this.props.abcd(data,true)console.log(this.props.iData.data)}render(){constaaa=[{title:'Name',dataIndex:'name',key:'name',},{title:'Age',dataIndex:'age',key:'age',},{title:'Address',dataIndex:'address',key:'address',}];return()}}constmapStateToProps=(state)=>{return{iData:state.updateData}}constmapDispatchToProps=(dispatch)=>{return{abcd:(data,loadingState)=>{dispatch({type:'CHANGE',item:data,loading:loadingState})},}}exportdefaultconnect(mapStateToProps,mapDispatchToProps)(Form.create({})(Trade));component2importReactfrom'react';import{connect}from'react-redux';import{Button}from'antd'constSubMenu=Menu.SubMenu;const{Sider}=LayoutclassContainerextendsReact.Component{buttonClick=()=>{constdata=[{key:'1',name:'JohnBrown',age:32,address:'NewYorkNo.1LakePark',},{key:'2',name:'JimGreen',age:42,address:'LondonNo.1LakePark',},{key:'3',name:'JoeBlack',age:33,address:'SidneyNo.1LakePark',},{key:'4',name:'aaaaa',age:72138,address:'SidneyNo.1LakePark',},]this.props.qwqw(data,true)}render(){return(button);}}constmapStateToProps=(state)=>{return{getData:state.updateData};}constmapDispatchToProps=(dispatch)=>{return{qwqw:(data,loadingState)=>{dispatch({type:'CHANGE',item:data,loadingState:loadingState})}}}exportdefaultconnect(mapStateToProps,mapDispatchToProps)(Container);reducerconstinitState={loading:false}constupdateData=(state=initState,action)=>{switch(action.type){case"CHANGE":{Object.assign(state,{data:action.item,loading:action.loadingState})returnstate}default:returnstate}}exportdefaultupdateData當我點擊component2的button時候改變component1的table但是怎么在獲取完數(shù)據(jù)之后loading怎么改回改回false???
查看完整描述

2 回答

?
一只萌萌小番薯

TA貢獻1795條經驗 獲得超7個贊

你這樣做沒什么意義,loading是用在請求接口數(shù)據(jù)的時候出現(xiàn)的,你這里根本就沒有請求數(shù)據(jù),渲染也是一瞬間就完成了,所以loading的使用場景就不對。
                            
查看完整回答
反對 回復 2019-05-21
?
喵喵時光機

TA貢獻1846條經驗 獲得超7個贊

你是想在component2組件中,當觸發(fā)buttonClick事件時發(fā)請求,請求未返回結果時能夠顯示loading對吧?那你的buttonClick方法可以這樣簡單改下:
buttonClick=()=>{
this.props.qwqw([],true)
//異步:
setTimeout(()=>{
constdata=[
{
key:'1',
name:'JohnBrown',
age:32,
address:'NewYorkNo.1LakePark',
},{
key:'2',
name:'JimGreen',
age:42,
address:'LondonNo.1LakePark',
},{
key:'3',
name:'JoeBlack',
age:33,
address:'SidneyNo.1LakePark',
},
{
key:'4',
name:'aaaaa',
age:72138,
address:'SidneyNo.1LakePark',
},
]
this.props.qwqw(data,false)
})
}
                            
查看完整回答
反對 回復 2019-05-21
  • 2 回答
  • 0 關注
  • 490 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號