页面加载时，ReactJS handleClick在不单击的情况下触发

我是新手。我只想要一个简单的按钮，点击就可以做一些事情。但是页面加载时会触发handleClick函数

我发现了这一点，但真的没有其他方法可以在不创建额外类的情况下让它工作吗

这是我的代码：

class Login extends Component {
    constructor(props, context) {
        super(props, context);

        this.state = {
            open: false,
        };

        this.handleClick = this.handleClick.bind(this);
    }

    handleClick(){
        console.log('The link was clicked.');
        history.push("/zeitsammler/homepage");
    }

    render() {
       return (
            <MuiThemeProvider muiTheme={muiTheme}>
                <div style={styles.container}>
                    <RaisedButton label="Login" style={btnStyle} onClick={this.handleClick()} />
                </div>
            </MuiThemeProvider>
        );
    }
}

类登录扩展组件{
构造函数（道具、上下文）{
超级（道具、背景）；
此.state={
开：错，
};
this.handleClick=this.handleClick.bind（this）；
}
handleClick（）{
log（'已单击链接'）；
history.push（“/zeitsamller/homepage”）；
}
render（）{
返回(
);
}
}

您没有将函数传递给

RaisedButton

组件，而是执行它，将其更改为：

<RaisedButton label="Login" style={btnStyle} onClick={this.handleClick} />

---

这很简单。我怎么会错过这个。。。谢谢！