Reactjs React,当作为prop传递时,不需要将对象数组表示为DOM属性

Reactjs React,当作为prop传递时,不需要将对象数组表示为DOM属性,reactjs,react-props,react-functional-component,Reactjs,React Props,React Functional Component,我有一个自定义功能组件“列表” 作为道具,我正在传递大量可用行的列表 interface ListProps { rows?: Selectable[]; //| Observable<Selectable>; } const List = React.forwardRef<HTMLDivElement, ListProps>(function List( props: ListProps, ref: any ) { } List.propTypes =

我有一个自定义功能组件“列表” 作为道具,我正在传递大量可用行的列表

interface ListProps {
  rows?: Selectable[]; //| Observable<Selectable>;
}

const List = React.forwardRef<HTMLDivElement, ListProps>(function List(
  props: ListProps,
  ref: any
) {
}

List.propTypes = {
  options: PropTypes.array,
};
export default withStyles(styles, { name: 'List' })(List);
接口列表道具{
行?:可选[];/|可观察;
}
常量列表=React.forwardRef(函数列表(
道具:列表道具,
参考:有吗
) {
}
List.propTypes={
选项:PropTypes.array,
};
导出默认样式(样式,{name:'List'})(列表);
一切正常,只有一个观察结果让我很难过,所有传递的行在DOM中额外表示为一个属性

我发现这种行为很奇怪,因为它显然不是必需的,可以通过React作为JavaScript引用来处理。有没有办法避免这种情况


提前谢谢!

你能分享
列表
组件的主体吗?你在该div上还有其他属性吗?@EvgenyTimoshenko谢谢你的提示。组件很大,但当我简化了组件的内容后,问题就消失了。所以它真的是道具,只是稍后作为属性传递。我想知道它是否通用n行为,但显然不是。您可以将此作为答案提及,因此我将关闭它。我已在codesandbox中对此进行了检查:,React 16从dom中删除
属性,但它并不总是这样: