ΠΠΏΠΈΡΠΈΡΠ΅ ΠΎΡΠΈΠ±ΠΊΡ
Π£ ΠΌΠ΅Π½Ρ Π΅ΡΡΡ ΠΏΡΠΎΠ΅ΠΊΡ, ΡΠΎΠ·Π΄Π°Π½Π½ΡΠΉ Ρ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°Π½ΠΈΠ΅ΠΌ nextjs v8 Ρ ΠΌΠ°ΡΠΈΠ½ΠΎΠΏΠΈΡΠ½ΡΠΌ ΡΠ΅ΠΊΡΡΠΎΠΌ, Π½ΠΎ Ρ ΠΌΠ΅Π½Ρ Π²ΠΎΠ·Π½ΠΈΠΊΠ»Π° ΠΏΡΠΎΠ±Π»Π΅ΠΌΠ° ΠΏΡΠΈ ΠΈΠΌΠΏΠΎΡΡΠ΅ apis ΠΈΠ· response-dnd 8.0.2
Π‘ΠΊΡΠΈΠ½ΡΠΎΡΡ
ΠΡΠ»ΠΈ Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄ΠΎΠ±Π°Π²ΡΡΠ΅ ΡΠ½ΠΈΠΌΠΊΠΈ ΡΠΊΡΠ°Π½Π°, ΡΡΠΎΠ±Ρ ΠΎΠ±ΡΡΡΠ½ΠΈΡΡ Π²Π°ΡΡ ΠΏΡΠΎΠ±Π»Π΅ΠΌΡ.
Π Π°Π±ΠΎΡΠΈΠΉ ΡΡΠΎΠ» (Π·Π°ΠΏΠΎΠ»Π½ΠΈΡΠ΅ ΡΠ»Π΅Π΄ΡΡΡΡΡ ΠΈΠ½ΡΠΎΡΠΌΠ°ΡΠΈΡ):
ΠΠΎΠΏΠΎΠ»Π½ΠΈΡΠ΅Π»ΡΠ½ΡΠΉ ΠΊΠΎΠ½ΡΠ΅ΠΊΡΡ
.babelrc:
`` {
"ΠΏΡΠ΅ΡΠ΅ΡΡ": [
"ΡΠ»Π΅Π΄ΡΡΡΠΈΠΉ / Π±Π°Π±Π΅Π»Ρ",
"@ zeit / next-typescript / babel",
],
}
dependencies:
```"dependencies": {
"@weco/next-plugin-transpile-modules": "^2.2.1",
"next": "^8.1.0",
"next-transpile-modules": "^2.3.1",
"react": "^16.8.6",
"react-dnd": "^8.0.2",
"react-dnd-html5-backend": "^8.0.2",
"react-dom": "^16.8.6"
},
"devDependencies": {
"@zeit/next-css": "^1.0.1",
"@zeit/next-sass": "^1.0.1",
"@zeit/next-typescript": "^1.1.1",
"next-compose-plugins": "^2.2.0",
"webpack-merge": "^4.2.1"
}
ΡΠΎΡΡΠ°Π²Π½Π°Ρ ΡΠ°ΡΡΡ:
`` ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ React ΠΈΠ· "ΡΠ΅Π°Π³ΠΈΡΠΎΠ²Π°ΡΡ";
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ {DndProvider} ΠΈΠ· "response-dnd";
ΠΈΠΌΠΏΠΎΡΡΠΈΡΠΎΠ²Π°ΡΡ HTML5Backend ΠΈΠ· Β«response-dnd-html5-backendΒ»;
function Home () {
Π²ΠΎΠ·Π²ΡΠ°ΡΠ΅Π½ΠΈΠ΅ (
ΡΠΊΡΠΏΠΎΡΡ Π΄ΠΎΠΌΠ° ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ;
`` ''
+1, Ρ ΡΠΎΠΉ ΠΆΠ΅ ΠΏΡΠΎΠ±Π»Π΅ΠΌΠΎΠΉ.
+1 ΡΠΎ ΠΆΠ΅ ΡΠ°ΠΌΠΎΠ΅ Π·Π΄Π΅ΡΡ
^ @darthtrevino
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ v8 ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ ES. ΠΠΎΡ
ΠΎΠΆΠ΅, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ react-dnd-cjs
Π‘Π°ΠΌΡΠΉ ΠΏΠΎΠ»Π΅Π·Π½ΡΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½ΡΠ°ΡΠΈΠΉ
ΠΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΠΈ v8 ΠΏΠΎ ΡΠΌΠΎΠ»ΡΠ°Π½ΠΈΡ ΠΈΡΠΏΠΎΠ»ΡΠ·ΡΡΡ ΠΌΠΎΠ΄ΡΠ»ΠΈ ES. ΠΠΎΡ ΠΎΠΆΠ΅, Π²Π°ΠΌ Π½ΡΠΆΠ½ΠΎ Π²ΠΌΠ΅ΡΡΠΎ ΡΡΠΎΠ³ΠΎ ΠΈΡΠΏΠΎΠ»ΡΠ·ΠΎΠ²Π°ΡΡ Π±ΠΈΠ±Π»ΠΈΠΎΡΠ΅ΠΊΡ
react-dnd-cjs