我得到以下错误:
“FunctionComponent”类型的参数
我正试图用resact-sortable-hoc
中的SortableContainer
包装我的列表并将其导出。我的组成部分是:
class SortContainer extends React.Component<{ intl: IntlShape } & ISortContainerProps, {}> {
public render() {
...
return (
<Row className={style.sortableList}>
<List striped>
<List.Header
name={formatMessage(messages.detailsType)}
width={2}
/>
...
{
items &&
!!items.length &&
items.map((item, index) => {
return (
<React.Fragment key={`detailsRowId__${index}`}>
...
</React.Fragment>
);
})
}
</List>
</Row>
);
}
}
export default
SortableContainer(
injectIntl(
observer(SortContainer)
)
);
为什么不导出您的列表而不使用HOC SortableContainer,然后将其包装在使用它的地方,如本例所示
export default injectIntl(observer(SortContainer)));
然后在调用方组件中:
const SortableList = SortableContainer<any>(({ children }) => <div>{children}</div>);
并这样称呼它:
<SortableList onSortEnd={this.onSortEnd}>
<SortContainer
...
/>
</SortableList>