importReact,{Component}from'react';import{connect}from'react-redux';importintlfrom'intl';import{injectIntl,intlShape}from'react-intl';import{Layout,Menu,Row,Col,Modal,messa`請輸入代碼`ge,Spin}from'antd';importLoginFormfrom'./loginForm.jsx';importWrappedRegistrationFormfrom'./registerForm.jsx';importForgetPassordfrom'./forgetPasswordForm.jsx';import{LOGIN,REGISTER_ASYNC}from'../../utils/events.jsx';import{tipMessage}from'../common/tipMessage.jsx';message.config({top:60,duration:2,});classLoginPageextendsComponent{constructor(props){super(props);this.state={username:'',password:'',message:'',showModal:false,showGetPassModal:false,isLoading:false,loadTimeoutID:0,};this.handleSubmit=this.handleSubmit.bind(this);this.register=this.register.bind(this);this.handleOk=this.handleOk.bind(this);this.handleCancel=this.handleCancel.bind(this);this.registerSubmit=this.registerSubmit.bind(this);this.forgetPassword=this.forgetPassword.bind(this);this.handleLookOk=this.handleLookOk.bind(this);this.handleLookCancel=this.handleLookCancel.bind(this);this.forgetPasswordSubmit=this.forgetPasswordSubmit.bind(this);this.showLoadingPage=this.showLoadingPage.bind(this);this.hideLoadingPage=this.hideLoadingPage.bind(this);}shouldComponentUpdate(nextProps,nextState){console.log('shouldComponentUpdate',nextProps)returntrue;}componentWillReceiveProps(nextProps){//console.log('dfdfsdf',nextProps)//if(nextProps.jsonData){//this.setState({isLoading:false});//constisTimeOut=this.hideLoadingPage(false);//if(nextProps.jsonData.from&&nextProps.jsonData.from==='register'){//if(nextProps.jsonData.status.code===1){//tipMessage('success',this.props.intl.formatMessage({id:'Register_succeess'}));////this.setState({showModal:false});//return;//}elseif(nextProps.jsonData.status.code===1004){//this.setState({showModal:false});//tipMessage('error',this.props.intl.formatMessage({id:'Register_messageRepeat'}));//}else{//this.setState({showModal:false});//tipMessage('error',this.props.intl.formatMessage({id:'Register_fial'}));//}//return;//}//if(!isTimeOut){//如果登錄未超時//if(nextProps.jsonData.status.code===1){//constdata=nextProps.jsonData.data;//consttoken=data.token;//constusername=data.user_name;//constmenus=data.menus;//constdeveloper=data.developer;//localStorage.setItem('jwtToken',token);//localStorage.setItem('loggedinusername',username);//localStorage.setItem('menus',JSON.stringify(menus));//this.props.router.push(developer.length>0?'/ProductManage':'/DeveloperInfo');//}else{//message.error(this.context.intl.formatMessage({id:'LoginPage_errormessage'}));//this.setState({message:nextProps.jsonData.status.msg});//}//}//}}handleSubmit(info){constlanguages=navigator.languages;letcurrentLang=null;if(languages!==undefined){if(languages[0]==='en-US'||languages[0]==='en'){currentLang='en-US';}else{currentLang='zh-CN';}}else{if(languages==='en-US'||languages==='en'){currentLang='en-US';}else{currentLang='zh-CN';}}info.languageid=currentLang;this.props.dispatch({type:LOGIN,user:info});this.showLoadingPage();}registerSubmit(registerValues){if(registerValues==='cancel'){this.setState({showModal:false});return;}console.log('注冊')this.props.dispatch({type:REGISTER_ASYNC,user:registerValues});}showLoadingPage(){constloadTimeoutID=setTimeout(()=>{this.hideLoadingPage(true);},15000);this.setState({isLoading:true,loadTimeoutID:loadTimeoutID});}hideLoadingPage(isTimeOut){clearTimeout(this.state.loadTimeoutID);this.setState({isLoading:false});if(isTimeOut){message.error(this.props.intl.formatMessage({id:'LoginPage_overtimeError'}),3);}returnisTimeOut;}register(){this.setState({showModal:true});}forgetPassword(){this.setState({showGetPassModal:true});}forgetPasswordSubmit(values){if(values==='cancel'){this.setState({showGetPassModal:false});}}handleOk(){this.setState({showModal:false});}handleCancel(){this.setState({showModal:false});}handleLookCancel(){this.setState({showGetPassModal:false});}handleLookOk(){this.setState({showGetPassModal:false});}render(){const{intl}=this.props;const{Header,Content,Footer}=Layout;const{username,password}=this.state;return({intl.formatMessage({id:'LoginPage_welcome'})}iHealthApi?2016CreatedbyiHealthCloud);}}LoginPage.contextTypes={intl:React.PropTypes.object.isRequired}constmapStateToProps=(state)=>({jsonData:state.loginReducer.jwtToken});constmapDispatchToProps=(dispatch)=>({dispatch});exportdefaultconnect(mapStateToProps,mapDispatchToProps)(injectIntl(LoginPage))為什么dispatch一次而shouldComponentUpdate卻調(diào)用了兩次？各位幫幫忙！！