From 04668d86abedfa3a61d28a5938d03b4369e865ff Mon Sep 17 00:00:00 2001 From: youpy Date: Fri, 22 Mar 2019 15:05:48 +0900 Subject: [PATCH 1/2] calculate dimensions immediately after mounting the component --- src/Wrapper.js | 2 ++ 1 file changed, 2 insertions(+) diff --git a/src/Wrapper.js b/src/Wrapper.js index 4d36c0a..8f4ac06 100644 --- a/src/Wrapper.js +++ b/src/Wrapper.js @@ -13,6 +13,8 @@ class Wrapper extends React.Component { }; componentDidMount() { + this.getDimensions(); + if (this.props.responsive) { window.addEventListener('resize', this.getDimensions, false); } From 1fce1a2aa776a571ba5969b2636a9050984998a6 Mon Sep 17 00:00:00 2001 From: youpy Date: Fri, 22 Mar 2019 15:17:33 +0900 Subject: [PATCH 2/2] check props --- src/Wrapper.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/src/Wrapper.js b/src/Wrapper.js index 8f4ac06..a666fe4 100644 --- a/src/Wrapper.js +++ b/src/Wrapper.js @@ -13,7 +13,10 @@ class Wrapper extends React.Component { }; componentDidMount() { - this.getDimensions(); + if (!this.props.height || + !this.props.width) { + this.getDimensions(); + } if (this.props.responsive) { window.addEventListener('resize', this.getDimensions, false);