javascript - 如何防止 ReactJS onclick 函数在渲染时运行

Question

我不希望在页面加载时调用该函数，但仅在用户实际单击该行时调用

以下是我的基本片段：

JS

function readDetails(id){
    console.log(id)
}

JSX

<tr key={data.id} onClick={() => { readDetails (data.id)} }>

标签： javascriptreactjs

Answer 1

方法一：

<tr key={data.id} onClick={() => readDetails(data.id)}>

方法二：

const readDetails = (id) => {
  return () => {
    console.log(id)
  }
}

<tr key={data.id} onClick={readDetails(data.id)}>