semantic-ui-react <responsive>不适用于<table.cell>

时间:2018-01-04 10:22:33

标签: javascript reactjs responsive semantic-ui semantic-ui-react

我正在使用semantic-ui做出反应来呈现数据表。我的要求是当页面在移动视图上时,我隐藏了某些列。我尝试在className="mobile hidden"元素上使用Table.Cell,但这似乎根本不起作用。

然后我尝试使用如下所示的Responsive组件,但是我收到了错误消息。我在这里错过了什么吗?无法找到其他人遇到此问题......

  <Responsive as={Table.Cell} minWidth={Responsive.onlyMobile.minWidth}>
     {record.datapoint}
  </Responsive>

调整窗口大小时,我在控制台中收到此错误...

index.js:2177 Warning: Can only update a mounted or mounting component. This usually means you called setState, replaceState, or forceUpdate on an unmounted component. This is a no-op.

Please check the code for the Responsive component.

1 个答案:

答案 0 :(得分:3)

事实上,这是错误:(我已经创建了解决所述问题的PR,请参阅Semantic-Org/Semantic-UI-React#2421

您提供的代码不会重现问题,所提供的示例将永远不会出现此问题。但是,它存在:)核心问题是当Responsive组件由父项完成时将卸载setState()组件,并且将在未受影响的组件上调用pd.to_datetime。关于codesandbox的示例再现了问题。