使用material-ui(分页被禁用)对searchkit做出反应

时间:2016-08-09 09:44:24

标签: javascript reactjs pagination material-ui

我在使用material-ui的searchkit时遇到了问题。两个库都需要reactjs,但需要不同的版本。第一次,当我只使用searchkit with react时,我的应用程序运行良好,没有错误和警告。然后我将material-ui连接到我的应用程序,并收到类似警告:

  • warning.js:44警告:您正在为insetSubheader上的List道具手动调用React.PropTypes验证函数。这已弃用,不适用于下一个主要版本。由于第三方PropTypes库,您可能会看到此警告。
  • warning.js:44警告:您正在为subheader上的List道具手动调用React.PropTypes验证函数。这已弃用,不适用于下一个主要版本。由于第三方PropTypes库,您可能会看到此警告。
  • warning.js:44警告:您正在为subheaderStyle上的List道具手动调用React.PropTypes验证函数。这已弃用,不适用于下一个主要版本。由于第三方PropTypes库,您可能会看到此警告。
  • warning.js:44警告:您正在为linkButton上的EnhancedButton道具手动调用React.PropTypes验证函数。这已弃用,不适用于下一个主要版本。由于第三方PropTypes库,您可能会看到此警告。
  • 警告:标记上的未知道具labelColor。从元素中删除此prop。 在div(由EnhancedButton创建) 在EnhancedButton中(由Chip创建) 在芯片中(由JobTitleComponent创建) 在div中(由JobTitleComponent创建) 在div(由CardText创建) 在CardText中(由JobTitleComponent创建) 在div(由卡创建) 在div(由Paper创建) 在纸上(由卡创建) 在卡片中(由JobTitleComponent创建) 在div中(由JobTitleComponent创建) 在div中(由JobTitleComponent创建) 在JobTitleComponent中(由DescriptionComponent创建) 在div中(由DescriptionComponent创建) 在div中(由DescriptionComponent创建) 在div中(由DescriptionComponent创建) 在MuiThemeProvider中(由DescriptionComponent创建) 在DescriptionComponent(由FullDescription创建)

但主要的是,searchkit分页效果很好。 我使用的库的版本是

  • " material-ui":" 0.15.2",
  • "反应":" 15.3.0"
  • " react-dom":" 15.3.0"
  • " searchkit":" ^ 0.10.0"。

然后我将所有更新到最新版本,searchkit分页已经消失。我仍然可以在DOM中看到它,但是组件认为,只有一个页面可以显示,并且有类#34;被禁用",结果数量超过100并且hitsPerPage = {10}。 我试图返回到以前版本的库并且我得到了相同的警告,但分页仍然被禁用。 我该如何解决这个问题?请帮帮我。

1 个答案:

答案 0 :(得分:1)

所以问题在于使用lodash进行回归。 开发人员建议使用lodash@4.13.1,如果使用webpack,请执行以下操作: resolve: { alias: { react: path.resolve('./node_modules/react'), lodash: path.resolve('./node_modules/lodash') } }

他们也很伤心,他们会解决这个问题。