请稍等 ...

'props' is not defined no-undef

不知道是什么情况，报'props' is not defined no-undef

import React from "react";
import {connect} from "react-redux";
import { CSSTransition } from "react-transition-group";
import {
HeaderWrapper,
Logo,
Nav,
NavItem,
NavSearch,
Addition,
Button,
SearchWrapper,
} from "./style";
//import mapStateToProps from "react-redux/lib/connect/mapStateToProps";
// import mapDispatchToProps from "react-redux/lib/connect/mapDispatchToProps";
class Header extends React.Component{
constructor(props) {
super(props);
this.hanleFocus = this.hanleFocus.bind(this);
this.hanleBlur = this.hanleBlur.bind(this)
}
render() {
return (
<HeaderWrapper>
<Logo/>
<Nav>
<NavItem className="left active">首页</NavItem>
<NavItem className="left">下载</NavItem>
<NavItem className="right"><i className="iconfont"></i></NavItem>
<NavItem className="right">登陆</NavItem>
<SearchWrapper>
<CSSTransition
in={props.action}
timeout={200}
classNames = "node"
>
<NavSearch
onFocus={this.hanleFocus}
onBlur={this.hanleBlur}
className ={props.action?"avtion":""}
/>
</CSSTransition>
<i className={props.action?"avtion iconfont":"iconfont"} ></i>
</SearchWrapper>
</Nav>
<Addition>
<Button className="reg">
<i className="iconfont"></i>
写文章
</Button>
<Button className="writting">注册</Button>
</Addition>
</HeaderWrapper>
)

}
hanleFocus(){
this.setState({
action:true
})
}
hanleBlur(){
this.setState({
action:false
})
}
}

const mapStateToProps = (state) =>{
return {
action:state.action
}
}
const mapDispatchToProps = (dispatch)=>{
return {

}
}
export default connect(mapStateToProps,mapDispatchToProps)(Header);