在React中使用forwardRef-在迭代器中缺少元素的关键道具

时间:2018-10-29 21:42:01

标签: javascript reactjs

我在div功能子组件中使用forwardRef,如下所示:

stateless

当我运行测试时,es-lint规则抛出import React, { forwardRef } from 'react'; const Flag = forwardRef(({ children, active, class }, ref) => ( <div ref={ref} active={active} className={class}> {children} </div>) )); export default Flag 字眼:

error

这是Missing "key" prop for element in iterator的使用方式:

<Flag/>

更新:这是由es-lint规则引起的,当您在没有键的函数中返回jsx时,该规则显然会引发错误。 ForwardRef不需要密钥。

0 个答案:

没有答案