如何在react中调用函数/对象？

import React from 'react';

function handleClick() {
  console.log('Button clicked!');
}

function MyComponent() {
  return (
    <button onClick={handleClick}>Click me</button>
  );
}

import React from 'react';

function myFunction() {
  console.log('Function called!');
}

class MyComponent extends React.Component {
  handleClick() {
    myFunction();
  }

  render() {
    return (
      <button onClick={this.handleClick}>Click me</button>
    );
  }
}

import React, { useState } from 'react';

const myObject = {
  name: 'John',
  age: 25
};

function MyComponent() {
  const [objectData, setObjectData] = useState(myObject);

  const handleClick = () => {
    console.log(objectData);
  };

  return (
    <button onClick={handleClick}>Click me</button>
  );
}