我想将平面列表视图的选定值设置到react原生的输入字段中

import React, { useState } from 'react';

function MyComponent() {
  const [selectedValue, setSelectedValue] = useState('');

  // 其他组件代码...

  return (
    <div>
      {/* 输入字段 */}
      <input type="text" value={selectedValue} onChange={(e) => setSelectedValue(e.target.value)} />

      {/* 平面列表视图 */}
      <ul>
        <li onClick={() => setSelectedValue('Value 1')}>Value 1</li>
        <li onClick={() => setSelectedValue('Value 2')}>Value 2</li>
        <li onClick={() => setSelectedValue('Value 3')}>Value 3</li>
      </ul>
    </div>
  );
}