如何在onclick事件中将li值传递给方法？使用react typescript

import React, { useState } from 'react';

const MyComponent: React.FC = () => {
  const [selectedValue, setSelectedValue] = useState<string>('');

  // 其他组件代码...

  return (
    <div>
      {/* 其他组件内容... */}
    </div>
  );
};

export default MyComponent;

import React, { useState } from 'react';

const MyComponent: React.FC = () => {
  const [selectedValue, setSelectedValue] = useState<string>('');

  const handleLiClick = (value: string) => {
    setSelectedValue(value);
    // 在这里可以执行其他逻辑...
  };

  // 其他组件代码...

  return (
    <div>
      <ul>
        <li onClick={() => handleLiClick('Value 1')}>Value 1</li>
        <li onClick={() => handleLiClick('Value 2')}>Value 2</li>
        <li onClick={() => handleLiClick('Value 3')}>Value 3</li>
      </ul>
    </div>
  );
};

export default MyComponent;