Reactjs React Redux mapStateToProps不是到处调用的

我正在处理内部的flash消息

const mapStateToProps = state => {
  console.log(state.flashMessages);             <---This
  return {
    messages: state.flashMessages
  };
};
export class FlashMessagesComponent extends Component {
   render(){
     return <h1>Flash</h1>
   }
}
export default connect(mapStateToProps)(FlashMessagesComponent);

const-mapStateToProps=state=>{
console.log（state.flashMessages）；导致导出
FlashMessageComponent
而不是
连接的FlashMessageComponent

改变

export class FlashMessagesComponent extends Component {
   render(){
     return <h1>Flash</h1>
   }
}
connect(mapStateToProps)(FlashMessagesComponent);

导出类FlashMessagesComponent扩展组件{
render（）{
返回闪光
}
}
连接（MapStateTrops）（FlashMessages组件）；

到

类FlashMessagesComponent扩展组件{
render（）{
返回闪光
}
}
导出默认连接（MapStateTrops）（FlashMessagesComponent）；
感谢您取得了一些进展，但它显示“../../../app/common/FlashMessagesComponent”不包含名为“FlashMessagesComponent”的导出。请将
导入{FlashMessagesComponent}
更改为
从…
导入FlashMessagesComponent。因为新代码是
导出默认值
而不是使用名称导出
http://localhost:3000/basic          <--not here

const BasicPage = () =>{
    return (
        <div>
            <FlashMessagesComponent/>
            <h1>Basic Page</h1>
        </div>
    )
}

export default  BasicPage;

export class FlashMessagesComponent extends Component {
   render(){
     return <h1>Flash</h1>
   }
}
connect(mapStateToProps)(FlashMessagesComponent);

class FlashMessagesComponent extends Component {
   render(){
     return <h1>Flash</h1>
   }
}
export default connect(mapStateToProps)(FlashMessagesComponent);