你能在react中将函数作为内联属性传递吗？

// 父组件
import React from 'react';
import ChildComponent from './ChildComponent';

function ParentComponent() {
  // 定义一个函数
  const handleClick = () => {
    console.log('按钮被点击了！');
  };

  return (
    <div>
      {/* 将函数作为内联属性传递给子组件 */}
      <ChildComponent onClick={handleClick} />
    </div>
  );
}

export default ParentComponent;

// 子组件
import React from 'react';

function ChildComponent(props) {
  return (
    <button onClick={props.onClick}>点击我</button>
  );
}

export default ChildComponent;