Skip to content

Commit 5f752a0

Browse files
docs: update README
1 parent fb8160d commit 5f752a0

File tree

11 files changed

+83
-3
lines changed

11 files changed

+83
-3
lines changed

.idea/.gitignore

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/codeStyles/Project.xml

Lines changed: 25 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/codeStyles/codeStyleConfig.xml

Lines changed: 5 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/inspectionProfiles/Project_Default.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/misc.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/modules.xml

Lines changed: 8 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/react-lazyload.iml

Lines changed: 12 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

.idea/vcs.xml

Lines changed: 6 additions & 0 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

README.md

Lines changed: 7 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -25,6 +25,13 @@ Lazyload your Components, Images or anything matters the performance.
2525
## Installation
2626

2727
> 2.0.0 is finally out, read [Upgrade Guide](https://github.com/twobin/react-lazyload/wiki/Upgrade-Guide), it's almost painless to upgrade!
28+
> 3.0.0 fixes the findDomNode warning through usage of React ref, and the following are the changes you need to be aware of
29+
30+
* Now we have an extra div wrapping the lazy loaded component for the React ref to work
31+
* We can understand that it is an extra DOM node, and we are working to optimize that if possible
32+
* It might break your UI or snapshot tests based on your usage
33+
* To customize the styling to the extra div please refer [here](###classNamePrefix)
34+
* Found any other problem, please feel free to leave a comment over [here](https://github.com/twobin/react-lazyload/issues/310)
2835

2936
```
3037
$ npm install --save react-lazyload

lib/index.js

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -358,7 +358,7 @@ var LazyLoad = function (_Component) {
358358

359359

360360
return _react2.default.createElement(
361-
'span',
361+
'div',
362362
{ className: classNamePrefix + '-wrapper', ref: this.setRef },
363363
this.visible ? children : placeholder ? placeholder : _react2.default.createElement('div', {
364364
style: { height: height },

0 commit comments

Comments
 (0)