Javascript 添加元素后将焦点切换到表

我有一个按钮，当按下时，会将一个新矩阵添加到一个数组中，该数组呈现为一个输入表。我要做的是将焦点切换到矩阵中的第一个/左上角元素，然后将其添加到数组中。我知道我可以用裁判来做这件事，但我不知道怎么做

import React，{useState}来自“React”；
导入“/styles.css”；
常数矩阵=（{Matrix}）=>{
返回(
{matrix.map（（行，)）=>(
{row.map（（u，j）=>(
))}
))}
);
};
导出默认函数App（）{
常量[矩阵，更新矩阵]=useState（[]）；
常量addMatrix=（）=>{
更新矩阵（旧矩阵=>{
推送（[[0,0,0]，[0,0,0]，[0,0,0]）；
返回矩阵；
});
};
返回(
addMatrix（）}>添加矩阵
{matrix.map（matrix=>）}
);
}

只需将这一行添加到矩阵代码中：

<input
autoFocus = {r === 0 && c === 0 ? true: false} 
size={1} />

我怀疑能够接收鼠标或键盘输入的html元素（表格就是其中之一）是否具有焦点。我正在尝试将焦点切换到表格呈现的输入元素。我刚刚阅读了您的标题并对其进行了响应。

<input
autoFocus = {r === 0 && c === 0 ? true: false} 
size={1} />