如何将onClick事件的值传递给第二个函数？

// 第一个函数
const handleClick = (value) => {
  // 调用第二个函数，并传递value参数
  secondFunction(value);
}

// 第二个函数
const secondFunction = (value) => {
  // 执行相应操作
}

// 在元素上绑定onClick事件
<button onClick={() => handleClick("传递的值")}>点击按钮</button>

// 第一个函数
function handleClick(value) {
  // 调用第二个函数，并传递value参数
  secondFunction(value);
}

// 第二个函数
function secondFunction(value) {
  // 执行相应操作
}

// 在元素上绑定onClick事件，并使用bind方法传递参数
<button onClick={handleClick.bind(this, "传递的值")}>点击按钮</button>

// 高阶函数，接受第二个函数作为参数，并返回一个新函数
function withValue(handler, value) {
  return () => handler(value);
}

// 第一个函数
function handleClick(value) {
  // 调用第二个函数，并传递value参数
  secondFunction(value);
}

// 第二个函数
function secondFunction(value) {
  // 执行相应操作
}

// 在元素上绑定onClick事件，并使用高阶函数传递参数
<button onClick={withValue(handleClick, "传递的值")}>点击按钮</button>