javascript - React onClick 函数在挂载时触发自身

Question

我有一个包含基本 onClick 函数的组件。

该函数在组件渲染时(没有任何点击)被调用，为什么会发生这种情况？

import React, { Component } from "react";
class Some extends Component {
  constructor(props) {
    super(props);
  }

  someFunc = (message) => {
    console.log(message)
  }


  render() {
    return (
       <p onClick={this.someFunc('hello')}>test</p>
     )
  }
}

Answer 1

在 React 中你需要传递未执行的函数，所以要么

onClick = {this.someFunction}

或者如果您需要传递参数

onClick = {() => this.someFunction('argument')}