我如何迭代和调用一个更新React状态散列的每个单独元素的函数？

const [elements, setElements] = useState([
  { id: 1, name: 'Element 1', value: 0 },
  { id: 2, name: 'Element 2', value: 0 },
  { id: 3, name: 'Element 3', value: 0 },
]);

const updateElementValue = (id) => {
  setElements(prevElements => {
    return prevElements.map(element => {
      if (element.id === id) {
        return { ...element, value: element.value + 1 };
      }
      return element;
    });
  });
};

<button onClick={() => updateElementValue(1)}>Update Element 1</button>
<button onClick={() => updateElementValue(2)}>Update Element 2</button>
<button onClick={() => updateElementValue(3)}>Update Element 3</button>