如何在单击React按钮时更改光标图标

import React, { useState } from 'react';

function App() {
  const [cursorIcon, setCursorIcon] = useState('default');

  // 其他组件代码...

  return (
    <div>
      {/* 按钮组件 */}
      <button onClick={() => setCursorIcon('pointer')}>
        点击我更改光标图标
      </button>
    </div>
  );
}

export default App;

import React, { useState } from 'react';

function App() {
  const [cursorIcon, setCursorIcon] = useState('default');

  // 其他组件代码...

  return (
    <div>
      {/* 按钮组件 */}
      <button
        onClick={() => setCursorIcon('pointer')}
        style={{ cursor: cursorIcon }}
      >
        点击我更改光标图标
      </button>
    </div>
  );
}

export default App;