如何将道具传递给eventhandler？

function handleClick(prop) {
  // 使用道具
  console.log(prop);
}

<button onClick={() => handleClick('道具')}>点击按钮</button>

function createHandler(prop) {
  return function(event) {
    // 使用道具
    console.log(prop);
  }
}

<button onClick={createHandler('道具')}>点击按钮</button>

import React, { useState } from 'react';

function Component() {
  const [prop, setProp] = useState('道具');

  function handleClick() {
    // 使用道具
    console.log(prop);
  }

  return (
    <button onClick={handleClick}>点击按钮</button>
  );
}