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???
redux 改變狀態(tài)
暮色呼如
2019-05-21 11:20:09