add values to the array object key by clicking the button with this value react

I have three buttons that when clicked I want to add a value to a selected field that is added dynamically:
const [Fields, setFields] = useState([
{ value: null, current: true },
{ value: null, current: false }
]);



value - is the key I want to add values to when the button is clicked


current - these keys store the state of the selected field when the field is clicked on
const [Fields, setFields] = useState([
{ value: null, current: true },
{ value: null, current: false }
]);

const GetSymbol = (event) => {
const symbol = event.currentTarget.dataset.value;
return symbol;
}
const InsertSymbol = (curField) => {
curField = GetSymbol;
return curField;
}

GetSymbol(event)} data-value="A">A
GetSymbol(event)} data-value="B">B
GetSymbol(event)} data-value="C">C

{Fields.map((field, i) => {
return (

{
setFields((oldArr) => {
let newArr = oldArr.map((item, index) => {
return {
...item,
current: index === i ? true : false,
};
});
return newArr;
});
}}
>
InsertSymbol(field.value)


);
})}



if the key current is true in the current field, then you must populate the values in field.value for that field.


I.e. If you click on A and B buttons, the value of field.value will be AB.
In my code, the functions GetSymbol and InsertSymbol are incorrect.


Please help me with this!