ReactJS 组件的某些实例不会更新

Some instances of a ReactJS component won't update

我正在为电视开发 VOD 应用程序,但在更新幻灯片组件内的元素时遇到问题。基本上,当客户关注任何一张幻灯片时,它会调用一种方法,将其 ID 存储在状态上,然后,其中一个 children 检查存储的状态是否等于所选项目的状态,如果是,则呈现.在 focusout 上,它将状态设置为 null。 奇怪的是在组件的大多数实例中都可以正常工作,但其中一些(并且总是相同的实例)不会更新。

伪代码:

handleFocus(id){setFocused(id)} // Sets the id to state
handlefocusout(){setFocused(null)} // resets state
{isFocused === item.id && <div/>} // checks if state === id and renders

我和我的 TL 都不知道为什么它在某些实例上不起作用,除非我弄错了,否则它总是在相同的实例上。请注意,这些实例的内容都来自相同的 JSON 响应,并且内容都相同(因此是实例)。

我从来没有发现为什么 EventListener 不能正确触发,但我最终删除了它并向元素添加了 React 的事件处理程序,它开始工作了。