File tree Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Expand file tree Collapse file tree 1 file changed +4
-4
lines changed Original file line number Diff line number Diff line change @@ -41,7 +41,7 @@ class MouseTracker extends React.Component {
41
41
42
42
render () {
43
43
return (
44
- < div style= {{ height: ' 100% ' }} onMouseMove= {this .handleMouseMove }>
44
+ < div style= {{ height: ' 100vh ' }} onMouseMove= {this .handleMouseMove }>
45
45
< h1> Move the mouse around! < / h1>
46
46
< p> The current mouse position is ({this .state .x }, {this .state .y })< / p>
47
47
< / div>
@@ -74,7 +74,7 @@ class Mouse extends React.Component {
74
74
75
75
render () {
76
76
return (
77
- < div style= {{ height: ' 100% ' }} onMouseMove= {this .handleMouseMove }>
77
+ < div style= {{ height: ' 100vh ' }} onMouseMove= {this .handleMouseMove }>
78
78
79
79
{/* ...but how do we render something other than a <p>? */ }
80
80
< p> The current mouse position is ({this .state .x }, {this .state .y })< / p>
@@ -127,7 +127,7 @@ class MouseWithCat extends React.Component {
127
127
128
128
render () {
129
129
return (
130
- < div style= {{ height: ' 100% ' }} onMouseMove= {this .handleMouseMove }>
130
+ < div style= {{ height: ' 100vh ' }} onMouseMove= {this .handleMouseMove }>
131
131
132
132
{/*
133
133
We could just swap out the <p> for a <Cat> here ... but then
@@ -183,7 +183,7 @@ class Mouse extends React.Component {
183
183
184
184
render () {
185
185
return (
186
- < div style= {{ height: ' 100% ' }} onMouseMove= {this .handleMouseMove }>
186
+ < div style= {{ height: ' 100vh ' }} onMouseMove= {this .handleMouseMove }>
187
187
188
188
{/*
189
189
Instead of providing a static representation of what <Mouse> renders,
You can’t perform that action at this time.
0 commit comments