我在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不需要密钥。