<TransitionGroup> children must be keyed.
时间: 2024-05-04 10:19:48 浏览: 125
儿童键盘锁(KeyLock)
这个错误通常出现在使用React的<TransitionGroup>组件时,它需要一个唯一的key来标识它的子元素。你需要在<TransitionGroup>中的每个子元素中添加一个唯一的key属性,例如:
```jsx
<TransitionGroup>
{items.map(item => (
<CSSTransition key={item.id} timeout={500} classNames="fade">
<div>{item.title}</div>
</CSSTransition>
))}
</TransitionGroup>
```
在上面的例子中,我们将items数组中的每个元素映射到一个<CSSTransition>组件,并为每个组件提供一个唯一的key属性,这样就可以避免出现“<TransitionGroup> children must be keyed.”的错误。
阅读全文