Equivalent to Dimension from react-native in react

Question

是否有一个等效于react js中来自react-native的维度库来查找屏幕空间的宽度？如果不是，我怎么能做到这一点？

我正在尝试找到当前网页的宽度，以便我可以相应地缩放我的组件，并根据宽度显示/隐藏某些组件。我尝试使用的 react 本机代码的一个例子是：

{(Dimensions.get('window').width < filterBoxViewWidth) && <div> .. </div>}

或：

(Dimensions.get('window').width >= filterBoxViewWidth) ? 200 : 0

如果没有我可以使用的等效软件包，请您为我指出正确的方向，否则如何做到这一点。

谢谢。

Answer 1

您可以使用window.innerWidth表示宽度，window.innerHeight表示高度。所有现代浏览器都支持它：

const { innerWidth: width, innerHeight: height } = window

应等效于：

const ( width, height } = Dimension.get('window')

https://developer.mozilla.org/en-US/docs/Web/API/Window/innerWidth

https://developer.mozilla.org/en-US/docs/Web/API/Window/innerHeight