React-dnd: ΠœΠΎΠ΄ΡƒΠ»ΡŒ Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½: Π½Π΅ удаСтся Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ './Constants' Π² 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 2 июн. 2018  Β·  3ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: react-dnd/react-dnd

ΠžΠΏΠΈΡˆΠΈΡ‚Π΅ ΠΎΡˆΠΈΠ±ΠΊΡƒ
Π§Π΅Ρ‚ΠΊΠΎΠ΅ ΠΈ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС ошибки.
ΠœΠΎΠ΄ΡƒΠ»ΡŒ Π½Π΅ Π½Π°ΠΉΠ΄Π΅Π½: Π½Π΅ удаСтся Ρ€Π°Π·Ρ€Π΅ΡˆΠΈΡ‚ΡŒ './Constants' Π² 'D: \ desktop \ ant_design_pro \ onefox \ src \ components \ Drag'
Π’ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²ΠΎΠ΄ΠΈΡ‚ΡŒ
Π¨Π°Π³ΠΈ ΠΏΠΎ Π²ΠΎΡΠΏΡ€ΠΎΠΈΠ·Π²Π΅Π΄Π΅Π½ΠΈΡŽ повСдСния:
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ React, {Component} ΠΈΠ· response;
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ PropTypes ΠΈΠ· 'prop-types';
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ {DragSource} ΠΈΠ· 'response-dnd';
ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ {ItemTypes} ΠΈΠ· './Constants';

Π“Π΄Π΅ константы? Как я ΠΌΠΎΠ³Ρƒ ΠΈΠΌΠΏΠΎΡ€Ρ‚ΠΈΡ€ΠΎΠ²Π°Ρ‚ΡŒ ItemTypes?
ОТидаСмоС повСдСниС
Π§Π΅Ρ‚ΠΊΠΎΠ΅ ΠΈ ΠΊΡ€Π°Ρ‚ΠΊΠΎΠ΅ описаниС Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ ΠΎΠΆΠΈΠ΄Π°Π»ΠΈ.

Π‘ΠΊΡ€ΠΈΠ½ΡˆΠΎΡ‚Ρ‹
Если Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ, Π΄ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ снимки экрана, Ρ‡Ρ‚ΠΎΠ±Ρ‹ ΠΎΠ±ΡŠΡΡΠ½ΠΈΡ‚ΡŒ Π²Π°ΡˆΡƒ ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ.

Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ Ρ…Ρ€ΠΎΠΌ

Π”ΠΎΠΏΠΎΠ»Π½ΠΈΡ‚Π΅Π»ΡŒΠ½Ρ‹ΠΉ контСкст
Π”ΠΎΠ±Π°Π²ΡŒΡ‚Π΅ сюда любой Π΄Ρ€ΡƒΠ³ΠΎΠΉ контСкст ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡ‹.

Π‘Π°ΠΌΡ‹ΠΉ ΠΏΠΎΠ»Π΅Π·Π½Ρ‹ΠΉ ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

Π’ react-dnd ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ источник пСрСтаскивания ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚ΠΈΠΏ. А Ρ‚ΠΈΠΏΡ‹ зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ пСрСтаскиваСтС Π² своСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅. Π˜Ρ‚Π°ΠΊ, Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ Ρ‚ΠΈΠΏΡ‹ Β«Π·Π°Π΄Π°Ρ‡Π°Β» ΠΈ Β«ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Β», Π½ΠΎ Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Β«ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Β» ΠΈ «организация». Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ постоянно Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ эти строки (Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡˆΠΈΠ±ΠΈΡ‚ΡŒΡΡ Π² написании Ρ‚Π΅ΠΌΡ‹), Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… всС Π² Ρ„Π°ΠΉΠ»Π΅:

// Constants.js
export default {
  CONTACT: "contact",
  ORGANIZATION: "organization",
};

Ρ‚ΠΎ Π² вашСм, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Drag / Contact.js Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

Contact = DragSource(ItemTypes.CONTACT, ...)(Contact);
export { Contact };

ΠŸΠΎΡ…ΠΎΠΆΠ΅, ваша ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ создали Ρ„Π°ΠΉΠ» Constants.js ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π½Π΅Ρ‚ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ Drag Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅!

ВсС 3 ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΉ

@yaoyuande ΠΏΠΎΡ…ΠΎΠΆΠ΅, Ρ‡Ρ‚ΠΎ эта ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π½Π΅ связана с react-dnd .

Π’ react-dnd ΠΊΠ°ΠΆΠ΄Ρ‹ΠΉ источник пСрСтаскивания ΠΈΠΌΠ΅Π΅Ρ‚ Ρ‚ΠΈΠΏ. А Ρ‚ΠΈΠΏΡ‹ зависят ΠΎΡ‚ Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ пСрСтаскиваСтС Π² своСй ΠΏΡ€ΠΎΠ³Ρ€Π°ΠΌΠΌΠ΅. Π˜Ρ‚Π°ΠΊ, Π² ΠΌΠΎΠ΅ΠΌ ΠΏΡ€ΠΈΠ»ΠΎΠΆΠ΅Π½ΠΈΠΈ Π΅ΡΡ‚ΡŒ Ρ‚ΠΈΠΏΡ‹ Β«Π·Π°Π΄Π°Ρ‡Π°Β» ΠΈ Β«ΠΏΡ€ΠΎΠ΅ΠΊΡ‚Β», Π½ΠΎ Ρƒ вас ΠΌΠΎΠ³ΡƒΡ‚ Π±Ρ‹Ρ‚ΡŒ Β«ΠΊΠΎΠ½Ρ‚Π°ΠΊΡ‚Β» ΠΈ «организация». Если Π²Ρ‹ Π½Π΅ Ρ…ΠΎΡ‚ΠΈΡ‚Π΅ постоянно Π²Π²ΠΎΠ΄ΠΈΡ‚ΡŒ эти строки (Ρ‚Π°ΠΊ ΠΊΠ°ΠΊ Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΎΡˆΠΈΠ±ΠΈΡ‚ΡŒΡΡ Π² написании Ρ‚Π΅ΠΌΡ‹), Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΡΠΎΡ…Ρ€Π°Π½ΠΈΡ‚ΡŒ ΠΈΡ… всС Π² Ρ„Π°ΠΉΠ»Π΅:

// Constants.js
export default {
  CONTACT: "contact",
  ORGANIZATION: "organization",
};

Ρ‚ΠΎ Π² вашСм, Π½Π°ΠΏΡ€ΠΈΠΌΠ΅Ρ€, Drag / Contact.js Π²Ρ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ:

import ItemTypes from "./Constants";

class Contact extends Component {
  ...
}

Contact = DragSource(ItemTypes.CONTACT, ...)(Contact);
export { Contact };

ΠŸΠΎΡ…ΠΎΠΆΠ΅, ваша ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΠ° Π² Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π²Ρ‹ Π½Π΅ создали Ρ„Π°ΠΉΠ» Constants.js ΠΈΠ»ΠΈ Π΅Π³ΠΎ Π½Π΅Ρ‚ Π² ΠΊΠ°Ρ‚Π°Π»ΠΎΠ³Π΅ Drag Π½Π° вашСм ΠΊΠΎΠΌΠΏΡŒΡŽΡ‚Π΅Ρ€Π΅!

@amazingmarvin Π‘ΠΎΠ»ΡŒΡˆΠΎΠ΅ спасибо!

Π‘Ρ‹Π»Π° Π»ΠΈ эта страница ΠΏΠΎΠ»Π΅Π·Π½ΠΎΠΉ?
0 / 5 - 0 Ρ€Π΅ΠΉΡ‚ΠΈΠ½Π³ΠΈ