@@ -82,9 +82,9 @@ <h2>Sample</h2>
82
82
< span class ="hljs-keyword "> import</ span > ReactDOM < span class ="hljs-keyword "> from</ span > < span class ="hljs-string "> 'react-dom'</ span > ;
83
83
< span class ="hljs-keyword "> import</ span > { DndProvider } < span class ="hljs-keyword "> from</ span > < span class ="hljs-string "> 'react-dnd'</ span > ;
84
84
< span class ="hljs-keyword "> import</ span > HTML5Backend < span class ="hljs-keyword "> from</ span > < span class ="hljs-string "> 'react-dnd-html5-backend'</ span > ;
85
- < span class ="hljs-keyword "> import</ span > { ContextProvider } < span class ="hljs-keyword "> from</ span > < span class ="hljs-string "> 'react-sortly'</ span > ;
85
+ < span class ="hljs-keyword "> import</ span > Sortly, { ContextProvider } < span class ="hljs-keyword "> from</ span > < span class ="hljs-string "> 'react-sortly'</ span > ;
86
86
87
- < span class ="hljs-keyword "> const</ span > DefaultItemRenderer = < span class ="hljs-function "> (< span class ="hljs-params "> props</ span > ) =></ span > {
87
+ < span class ="hljs-keyword "> const</ span > ItemRenderer = < span class ="hljs-function "> (< span class ="hljs-params "> props</ span > ) =></ span > {
88
88
< span class ="hljs-keyword "> const</ span > { < span class ="hljs-attr "> data</ span > : { name, depth }, drag, drop } = props;
89
89
< span class ="hljs-keyword "> const</ span > ref = React.useRef(< span class ="hljs-literal "> null</ span > );
90
90
@@ -116,18 +116,16 @@ <h2>Sample</h2>
116
116
);
117
117
};
118
118
119
- const App = () = {
119
+ const App = () => (
120
120
< span class ="hljs-tag "> << span class ="hljs-name "> DndProvider</ span > < span class ="hljs-attr "> backend</ span > =< span class ="hljs-string "> {HTML5Backend}</ span > ></ span >
121
121
< span class ="hljs-tag "> << span class ="hljs-name "> ContextProvider</ span > ></ span >
122
122
< span class ="hljs-tag "> << span class ="hljs-name "> MySortableTree</ span > /></ span >
123
123
< span class ="hljs-tag "> </< span class ="hljs-name "> ContextProvider</ span > ></ span >
124
124
< span class ="hljs-tag "> </< span class ="hljs-name "> DndProvider</ span > ></ span >
125
- } ;
125
+ ) ;
126
126
127
- ReactDOM.render(
128
- < span class ="hljs-tag "> << span class ="hljs-name "> App</ span > /></ span > ,
129
- document.getElementById('root')
130
- );</ span > </ code > </ pre >
127
+ const rootElement = document.getElementById('root');
128
+ ReactDOM.render(< span class ="hljs-tag "> << span class ="hljs-name "> App</ span > /></ span > , rootElement);</ span > </ code > </ pre >
131
129
</ div >
132
130
</ div >
133
131
< div class ="col-4 col-menu menu-sticky-wrap menu-highlight ">
0 commit comments