Skip to content

Commit 855db33

Browse files
committed
Update README.md
1 parent 20a7a61 commit 855db33

File tree

1 file changed

+10
-6
lines changed

1 file changed

+10
-6
lines changed

README.md

Lines changed: 10 additions & 6 deletions
Original file line numberDiff line numberDiff line change
@@ -26,13 +26,16 @@ $ npm run dist
2626

2727
Then, include these scripts into your html file:
2828
```html
29-
<script src="http://fb.me/react-0.14.7.js"></script>
30-
<script src="http://fb.me/react-dom-0.14.7.js"></script>
31-
<script src="http://cdnjs.cloudflare.com/ajax/libs/Sortable/1.4.2/Sortable.min.js"></script>
32-
<script src="dist/react-sortable.min.js"></script>
29+
<body>
30+
<div id="container"></div>
31+
<script src="http://fb.me/react-0.14.7.js"></script>
32+
<script src="http://fb.me/react-dom-0.14.7.js"></script>
33+
<script src="http://cdnjs.cloudflare.com/ajax/libs/Sortable/1.4.2/Sortable.min.js"></script>
34+
<script src="dist/react-sortable.min.js"></script>
35+
</body>
3336
```
3437

35-
Example:
38+
A pure example without using JSX syntax:
3639
```js
3740
var MySortable = React.createClass({
3841
displayName: 'MySortable',
@@ -49,8 +52,9 @@ var MySortable = React.createClass({
4952
);
5053
}
5154
});
55+
5256
ReactDOM.render(
53-
React.createElement(SortableMixin.default()(MySortable), null),
57+
React.createElement(SortableMixin.default({ ref: 'list', model: 'items' })(MySortable), null),
5458
document.getElementById('container')
5559
);
5660
```

0 commit comments

Comments
 (0)