反应媒体和响应响应的区别

Question

我开始考虑在我的反应应用程序中有条件地渲染组件。我遇到了反应媒体（https://github.com/ReactTraining/react-media）和反应敏感（https://github.com/contra/react-responsive）。

这两者看起来都非常相似，都没有提到与其他人或使用情况下的区别，其中一个特别糟糕，另一个更好。

有人知道关键的区别吗？

Answer 1

通常它们都提供相同的功能，但它们有不同的维护和实现reactTraining保持react-media而contra保持与同一产品react-responsive它就像两个相互竞争的双方，你去选择要使用的一些掉细微的差别已经注意到的。

1. 反应，媒体不指定/限制反应介质内的子组件的数量，同时反应响应指定一个比一个更多的是包裹一个diff内
2. 反应，媒体渲染性能是一个函数，在响应媒体查询时返回，而react-reponsive支持通过布尔值的函数，返回false true媒体查询已通过，返回类型为单个元素
3. 反应响应支持camelcased shorthands maxWidth={1224}构造媒体查询而反应介质不query={{ maxWidth: 1224 }}
4. 反应介质可以接受被转换为CSS媒体对象查询query={{ maxWidth: 599 }}而反应响应不
5. 反应响应具有由通过所述值属性传递静态值实现为服务器端呈现一个支撑

在底线他们都似乎很好的媒体查询里面的反应只是一个选择的问题