Javascript 将焦点设置为列表的一个元素

我有下一个代码：

{tropes.map（（tropes，id）=>(
))}

这个想法是，当有人开始在我的列表的最后一个元素上写东西时，一个新元素被添加到列表中，无论用户写的是什么，都会移动到新元素，焦点会转移到它，用户只会注意到在他正在输入的字段下创建了一个新字段，但不知道整个字段都被移动了

但我在让ReactJS理解移动焦点的请求时遇到问题，我尝试了以下代码：

autoFocus={tropeOnFocus==id}

但是我不工作，也没有出错，而且，我想使用功能组件，我不想让类复杂化。 那么，如何让ReactJS将焦点设置为列表的最后一个元素（或任意元素）

编辑： 这是对ropeinuse的

描述

组件：

const descriptionofropeinuse=({
一旦更改名称，
一旦更改描述，
托品胺，
描述，
自动对焦，
}) => {
返回(
);
};

---

这只是一个两字段组组件，我只想关注第一个

TextField

组件，这样用户就可以继续键入名称而不必通知任何内容，谢谢你

你需要提供更多的上下文。什么是轮胎的

说明

。看起来怎么样？我刚刚编辑了这个问题，谢谢