我有一个文本数组，我正在使用 array.map() 函数迭代它以创建<li>包含文本的元素。该文本带有一个唯一的 id 值，我将其用作keyReact 在地图中所需的值。循环看起来像这样（不要介意 html 集，这都是将被替换的临时内容）：
{data.map(e => (
key={e.id} dangerouslySetInnerHTML={{__html: e.ascii}}/>
))}
我想要的是，在这个组件完成渲染之后（即在<li>创建这些之后），页面将自动滚动到查看这些元素中的特定一个，给定e.id作为道具传递给包含该组件的相同值代码。
我知道Element.scrollIntoView()基本 DOM 功能中的常规功能，但我不确定如何将它与我已经拥有的 React 结合使用。如果有的话，我应该在哪里调用该函数（大概在componentDidMount？）以及如何从我映射的数组中获取具有给定键的元素，以便将其传递给该滚动函数？