onClick失效

Question

写mobile的头部的时候，  

<Icon type="setting" onClick={this.login.bind(this)} />

点击后并不会调用login()函数。点击这个图标，页面不弹出Modal，只刷新一下，这是为什么啊？

Answer 1

风硕依源 2017-06-22 16:26:17

？？？贴出你的代码

• 提问者 墨水012 #1

  login(){
        this.setModalVisible(true);
        console.log(this.state.modalVisible);
    };
  
  let {getFieldDecorator}=this.props.form;
      const userShow=this.state.hasLogined?
      <Link>
            <Icon type="inbox" />
      </Link>
      :
      <Icon type="setting" onClick={this.login.bind(this)} />

• 风硕依源 回复 提问者 墨水012 #2

  onClick不能用在Icon上，必需是像Button这样的组件才可以

• Parry 回复 风硕依源 #3

  给力~~~~

点开查看后面5条评论

Answer 2

提问者 墨水012 2017-06-22 17:24:36

需要在login函数里添加  e.preventDefault();

  login(e){

      e.preventDefault();

  this.setModalVisible(true);

  };