anti design menu onclick 报错

来源:12-1 PC端页头组件开发

qq_韩社超_0

2017-03-14

constructor() {
       super();
       this.state = {
           current: 'top'
       };
   }

   handleClick=(e)=>{

       this.setState({
           current:e.key,
       });
   }


render(){
       return(
           <header>
               <Row>
                   <Col span={2}></Col>
                   <Col span={4}>
                       <a href="/" class="logo">
                           <img src="./src/images/logo.png" alt="logo"/>
                           <span>ReactNews</span>
                       </a>
                   </Col>
                   <Col span={16}>
                       <Menu mode="horizontal"
                             selectedKeys={[this.state.current]}
                             onClick={this.handleClick}
                       >
                           <Menu.Item key="top">
                               <Icon type="mail" />头条
                           </Menu.Item>

                           <Menu.Item key="shehui">
                               <Icon type="mail" />社会
                           </Menu.Item>

写回答

2回答

Parry

2017-03-14

提问可不可以贴一下错误?

0
0

zz77zz

2017-03-28

你这个我遇到过了你可以不用es6的语法,改写成老师之前教过的bind(this) 处理一下this指向问题就ok了

0
2
zz77zz
好的,我上babel官网看一下怎么用的
2017-03-29
共2条回复

结合基础与实战学习React.js 独立开发新闻头条平台

轻松入门 React 开发,React Router 4 与 Webpack 2 完美升级项目

2768 学习 · 2126 问题

查看课程