Skip to content

Commit df4fb33

Browse files
committed
update build api doc
1 parent efbc21c commit df4fb33

File tree

1 file changed

+6
-8
lines changed

1 file changed

+6
-8
lines changed

docs/api/index.html

Lines changed: 6 additions & 8 deletions
Original file line numberDiff line numberDiff line change
@@ -82,9 +82,9 @@ <h2>Sample</h2>
8282
<span class="hljs-keyword">import</span> ReactDOM <span class="hljs-keyword">from</span> <span class="hljs-string">'react-dom'</span>;
8383
<span class="hljs-keyword">import</span> { DndProvider } <span class="hljs-keyword">from</span> <span class="hljs-string">'react-dnd'</span>;
8484
<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>;
8686

87-
<span class="hljs-keyword">const</span> DefaultItemRenderer = <span class="hljs-function">(<span class="hljs-params">props</span>) =&gt;</span> {
87+
<span class="hljs-keyword">const</span> ItemRenderer = <span class="hljs-function">(<span class="hljs-params">props</span>) =&gt;</span> {
8888
<span class="hljs-keyword">const</span> { <span class="hljs-attr">data</span>: { name, depth }, drag, drop } = props;
8989
<span class="hljs-keyword">const</span> ref = React.useRef(<span class="hljs-literal">null</span>);
9090

@@ -116,18 +116,16 @@ <h2>Sample</h2>
116116
);
117117
};
118118

119-
const App = () = {
119+
const App = () =&gt; (
120120
<span class="hljs-tag">&lt;<span class="hljs-name">DndProvider</span> <span class="hljs-attr">backend</span>=<span class="hljs-string">{HTML5Backend}</span>&gt;</span>
121121
<span class="hljs-tag">&lt;<span class="hljs-name">ContextProvider</span>&gt;</span>
122122
<span class="hljs-tag">&lt;<span class="hljs-name">MySortableTree</span> /&gt;</span>
123123
<span class="hljs-tag">&lt;/<span class="hljs-name">ContextProvider</span>&gt;</span>
124124
<span class="hljs-tag">&lt;/<span class="hljs-name">DndProvider</span>&gt;</span>
125-
};
125+
);
126126

127-
ReactDOM.render(
128-
<span class="hljs-tag">&lt;<span class="hljs-name">App</span> /&gt;</span>,
129-
document.getElementById('root')
130-
);</span></code></pre>
127+
const rootElement = document.getElementById('root');
128+
ReactDOM.render(<span class="hljs-tag">&lt;<span class="hljs-name">App</span> /&gt;</span>, rootElement);</span></code></pre>
131129
</div>
132130
</div>
133131
<div class="col-4 col-menu menu-sticky-wrap menu-highlight">

0 commit comments

Comments
 (0)