Javascript 在表格单元格中添加一个数字，然后将其推入存储区

我想在带有数据的表中添加一个数字

如果您单击+，则在提交表单后，将出现一个表单来填写数字。表单需要显示输入的数字

可用数字来自redux，然后它们映射：

{Object.keys（row.number）.map（（项，键）=>
行数[项目]==未定义(
smthng（事件）}
ref={selectedCell}
>
{'+'}
) : (
console.log（行标记[项目]？.avialibleNumbers）}
>
{行数[项目]？.avialibleNumbers}
)
)}

我卡住的地方-映射后需要在单元格中单击+输入数据，然后输入的数字应该出现。 在单元格上收到此事件后，需要显示要填写的表单

我所做的：

handleAddNumber（值）}
onClose={（）=>setShowForm（false）}
田地={[
{
id:'编号'，
标签：“输入编号”，
键入：“编号”，
}，smthng-else。。。
]}
/>

然后：

const handleAddNumber=（值）=>{
setShowForm（true）；//显示窗体
常量createNewNumber={
id:Date.now（），
number:values.number，
注释：values.comment，
};
selectedCell.target.innerText=createNewNumber.number；
addNumber（createNewNumber）；//推入redux
}; 

现在它由ref运行，但他给了我一个未点击的单元格