无法将material-ui withStyles()与react-beautiful-dnd一起使用

时间:2018-08-21 07:40:02

标签: reactjs material-ui

我能够在sandbox中重现该错误。 这些是我看到的错误:

本地:

Warning: Stateless function components cannot be given refs. Attempts to access this ref will fail.

Check the render method of `WithStyles(Card)`.
    in Card (created by WithStyles(Card))
    in WithStyles(Card) (at Todo.js:112)

本地和Sandbox

Invariant failed: Cannot get draggable ref from drag handle

通过谷歌搜索,看来我不能使用withStyles,因为它是一个无状态的功能组件。如果是这样,还有什么选择?我想继续使用withStyle包装程序的好处(将mui主题和样式表注入该组件)。

请注意,为清楚起见,我简化了沙箱代码(例如,删除了redux)。

1 个答案:

答案 0 :(得分:2)

解决方案是将Card组件包装在div中。这是sandbox with a working solution