@@ -104,7 +104,7 @@ Here is the TLDR of what sortable is:
104
104
105
105
``` tsx
106
106
import React , { FC , useState } from " react" ;
107
- import { ReactSortable } from " react-sortablejs-typescript " ;
107
+ import { ReactSortable } from " react-sortablejs" ;
108
108
109
109
interface ItemType {
110
110
id: number ;
@@ -131,7 +131,7 @@ export const BasicFunction: FC = props => {
131
131
132
132
``` tsx
133
133
import React , { Component } from " react" ;
134
- import { ReactSortable } from " react-sortablejs-typescript " ;
134
+ import { ReactSortable } from " react-sortablejs" ;
135
135
136
136
interface BasicClassState {
137
137
list: { id: string ; name: string }[];
@@ -287,8 +287,8 @@ Here we will use a `ul`. You can use any HTML.
287
287
Just add the string and ReactSortable will use a ` li ` instead of a ` div ` .
288
288
289
289
``` tsx
290
- import React, { FC , useState , forwardRef } from " react" ;
291
- import { ReactSortable } from " react-sortablejs-typescript " ;
290
+ import React , { FC , useState } from " react" ;
291
+ import { ReactSortable } from " react-sortablejs" ;
292
292
293
293
export const BasicFunction: FC = props => {
294
294
const [state, setState] = useState ([{ id: " 1" , name: " shrek" }]);
@@ -315,7 +315,7 @@ If it doesn't have one, you can add one using `React.forwardRef()`.
315
315
316
316
``` tsx
317
317
import React , { FC , useState , forwardRef } from " react" ;
318
- import { ReactSortable } from " react-sortablejs-typescript " ;
318
+ import { ReactSortable } from " react-sortablejs" ;
319
319
320
320
// This is just like a normal component, but now has a ref.
321
321
const CustomComponent = forwardRef <HTMLDivElement , any >((props , ref ) => {
0 commit comments