onclickreact-通知不显示，但它运行函数

Question

我创建了一个调查页面，但是当有人没有学分时，我想使用react-通知向用户显示通知，我已经测试了这个按钮，并且它可以独立工作，但是当我在onClark事件中使用react-router-dom将其添加到标签中时，函数运行，但通知不显示。这是代码：

import React, { Component } from 'react';
import 'react-notifications/lib/notifications.css';
import { connect } from 'react-redux';
import { Link } from 'react-router-dom';
import {NotificationContainer, NotificationManager} from 'react-notifications';

class Button extends Component {
  createNotification = () => {
    return () => {
      switch (this.props.auth.credits) {
        case 0:
          console.log(this.props.auth.credits);
          NotificationManager.error('You have no credits', 'Click to close!', 5000, () => {
          });
          break;
      }
    };
  };

  render() {
    return (
      <div>
        <div  className="fixed-action-btn">
          <Link to="/surveys/new" className="btn-floating btn-large red" onClick={this.createNotification()}>
            <i className="material-icons">add</i>
          </Link>
        </div>
        <NotificationContainer/>
      </div>
    );
  }
}

function mapStateToProps({ auth }){
  return { auth };
}

export default connect(mapStateToProps)(Button);

所以，当我在上面测试时：

import React from 'react';
import Surveys from './surveys/Surveys';
import Button from '../utilities/addButton';


const Board = () => {
  return (
    <div>
      <Surveys />
      <Button />

    </div>
  );
};

export default Board;

它显示按钮，单击时不显示信用，它会记录0信用，但是，它只是重定向到引用的页面，而不显示创建的通知。

在我这边，无论是终端还是控制台或网络都不会出现错误。但是仍然，通知被处理但没有显示。

所以我的问题是：当标签重定向到新页面时，是否有可能使通知出现？如果不可能，我看到解决方案的唯一方法是有条件地停止标签以进行更改，我错了吗？

提前感谢。对不起，如果我的问题没有正确地提出或写出来，这是我在这里的第一个问题。

Answer 1

这可能是一个很晚的答复，但对于那些谁没有回答，因为链接不接受onCLick。。。尝试使用html或react或reactbootstrap包

Answer 2

onClickprop以获得Linkaccept函数引用。所以试着换一个

 <Link to="/surveys/new" className="btn-floating btn-large red" onClick={this.createNotification}>
     <i className="material-icons">add</i>
 </Link>