如何在React中输入从对象数组中拾取

import React, { useState } from 'react';

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

  // 其他组件代码...

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

      {/* 对象数组 */}
      {objectArray.map((item) => (
        <div key={item.id}>
          {/* 显示对象属性 */}
          <span>{item.name}</span>

          {/* 选择按钮 */}
          <button onClick={() => setSelectedValue(item.name)}>选择</button>
        </div>
      ))}
    </div>
  );
}