深色主题如何通过带有样式的组件传递函数

import React from 'react';

const DarkThemeComponent = ({ children, onClick }) => {
  return (
    <div className="dark-theme" onClick={onClick}>
      {children}
    </div>
  );
};

export default DarkThemeComponent;

import React from 'react';
import DarkThemeComponent from './DarkThemeComponent';

const App = () => {
  const handleClick = () => {
    // 在这里实现点击事件的逻辑
  };

  return (
    <div>
      <h1>My App</h1>
      <DarkThemeComponent onClick={handleClick}>
        <p>This is a dark themed component.</p>
      </DarkThemeComponent>
    </div>
  );
};

export default App;