File tree Expand file tree Collapse file tree 1 file changed +10
-6
lines changed Expand file tree Collapse file tree 1 file changed +10
-6
lines changed Original file line number Diff line number Diff line change @@ -26,13 +26,16 @@ $ npm run dist
2626
2727Then, 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
3740var MySortable = React .createClass ({
3841 displayName: ' MySortable' ,
@@ -49,8 +52,9 @@ var MySortable = React.createClass({
4952 );
5053 }
5154});
55+
5256ReactDOM .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```
You can’t perform that action at this time.
0 commit comments