Ant-design: ΠšΠ°ΠΊΠΎΠ²Ρ‹ ΠΏΠ°Ρ€Π°ΠΌΠ΅Ρ‚Ρ€Ρ‹ ΠΌΠ΅Ρ‚ΠΎΠ΄Π° setFieldsValue Ρ„ΠΎΡ€ΠΌΡ‹, я ΠΏΠ΅Ρ€Π΅Π΄Π°ΡŽ ΠΎΠ±ΡŠΠ΅ΠΊΡ‚, ΠΈ Π²Ρ‹ΠΏΠΎΠ»Π½Π΅Π½ΠΈΠ΅ ΠΏΠ°Π΄Π°Π΅Ρ‚ Π² componentWillReceiveProps

Π‘ΠΎΠ·Π΄Π°Π½Π½Ρ‹ΠΉ Π½Π° 9 сСнт. 2016  Β·  16ΠšΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠΈ  Β·  Π˜ΡΡ‚ΠΎΡ‡Π½ΠΈΠΊ: ant-design/ant-design

  • ΠΈ вСрсия: 1.11.0
  • ΠžΠΏΠ΅Ρ€Π°Ρ†ΠΈΠΎΠ½Π½Π°Ρ систСма ΠΈ Π΅Π΅ вСрсия: MAC 10.11.6 ΠŸΠ°ΠΌΡΡ‚ΡŒ 16G CPU i7
  • Π‘Ρ€Π°ΡƒΠ·Π΅Ρ€ ΠΈ Π΅Π³ΠΎ вСрсия: CHROME

НаТмитС ΠΊΠ½ΠΎΠΏΠΊΡƒ рСдактирования, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Π·Π°ΠΏΠΎΠ»Π½ΠΈΡ‚ΡŒ Ρ„ΠΎΡ€ΠΌΡƒ ΡΡƒΡ‰Π΅ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠΌΠΈ Π΄Π°Π½Π½Ρ‹ΠΌΠΈ.

ΠŸΡ€ΠΈ Π½Π°ΠΆΠ°Ρ‚ΠΈΠΈ ΠΊΠ½ΠΎΠΏΠΊΠΈ состояниС обновлСния становится состояниСм рСдактирования,
Π’Ρ‹Π·ΠΎΠ²ΠΈΡ‚Π΅ ΠΌΠ΅Ρ‚ΠΎΠ΄ setFieldsValue Π² ΠΊΠΎΠΌΠΏΠΎΠ½Π΅Π½Ρ‚Π΅ componentWillReceiveProps. ΠŸΡ€ΠΈΠΌΠ΅Ρ€Π½ΠΎ Ρ‡Π΅Ρ€Π΅Π· ΠΌΠΈΠ½ΡƒΡ‚Ρƒ Ρ„ΠΎΡ€ΠΌΠ° заполняСтся.
Π—Π°Ρ‚Π΅ΠΌ я наТимаю Π½Π° любой Π²Ρ…ΠΎΠ΄ ΠΈ ΠΏΡ€ΠΎΠ΄ΠΎΠ»ΠΆΠ°ΡŽ ΠΆΠ΄Π°Ρ‚ΡŒ ΠΎΠΊΠΎΠ»ΠΎ 1 ΠΌΠΈΠ½ΡƒΡ‚Ρ‹.

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

Π­Ρ‚Π° Ρ„ΠΎΡ€ΠΌΠ° Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ слоТна Π² использовании, Π° ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ Π΅Π΅ использования послС ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ слишком высока.

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

Π‘ΡƒΡ‚ΡŒ setFieldsValue Π·Π°ΠΊΠ»ΡŽΡ‡Π°Π΅Ρ‚ΡΡ Π² Π²Ρ‹Π·ΠΎΠ²Π΅ setState внСшнСй ΠΎΠ±ΠΎΠ»ΠΎΡ‡ΠΊΠΈ ΠΈ косвСнном Π²Ρ‹Π·ΠΎΠ²Π΅ componentWillReceiveProps , Ρ‚Π°ΠΊ Ρ‡Ρ‚ΠΎ это бСсконСчный Ρ†ΠΈΠΊΠ».

ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠΉΡ‚Π΅ mapPropsToFields http://ant.design/components/form/#Form.create (Π²Π°Ρ€ΠΈΠ°Π½Ρ‚Ρ‹)

@benjycui спасибо

mapPropsToFields ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΡƒΠ΅Ρ‚ свойства Π² ΡΠΎΠΎΡ‚Π²Π΅Ρ‚ΡΡ‚Π²ΡƒΡŽΡ‰ΠΈΠ΅ значСния, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΌΠΎΠΆΠ½ΠΎ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ для считывания Π·Π½Π°Ρ‡Π΅Π½ΠΈΠΉ Π² Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π΅ Redux.
Ѐункция (Ρ€Π΅ΠΊΠ²ΠΈΠ·ΠΈΡ‚): ΠžΠ±ΡŠΠ΅ΠΊΡ‚ {имя_поля: ΠžΠ±ΡŠΠ΅ΠΊΡ‚ {Π·Π½Π°Ρ‡Π΅Π½ΠΈΠ΅}}
Π― Π½Π΅ понимаю, ΠΊΠ°ΠΊ я Ρ…ΠΎΡ‡Ρƒ ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² mapPropsToFields

ΠŸΡ€ΠΈΠ²Π΅Ρ‚, Π΅ΡΡ‚ΡŒ Π»ΠΈ способ пСрСвСсти это ΠΏΡ€Π΅ΠΎΠ±Ρ€Π°Π·ΠΎΠ²Π°Π½ΠΈΠ΅?

@bnlambert Какой Ρƒ тСбя вопрос

Π― Ρ…ΠΎΡ‡Ρƒ ΠΏΠΎΡΠΌΠΎΡ‚Ρ€Π΅Ρ‚ΡŒ, ΠΊΠ°ΠΊ ΡƒΡΡ‚Π°Π½ΠΎΠ²ΠΈΡ‚ΡŒ Π½Π°Ρ‡Π°Π»ΡŒΠ½Ρ‹Π΅ значСния с ΠΏΠΎΠΌΠΎΡ‰ΡŒΡŽ setFieldsValue .

Π’Π°ΠΊΠΆΠ΅ ΠΌΠΎΠΉ ΠΊΠ°Π»Π΅Π½Π΄Π°Ρ€ΡŒ Π²Ρ‹Π±ΠΎΡ€Π° Π΄Π°Ρ‚Ρ‹ появляСтся Π½Π° китайском языкС; ΠΊΠ°ΠΊ ΠΌΠ½Π΅ это ΠΈΡΠΏΡ€Π°Π²ΠΈΡ‚ΡŒ?

Π²Ρ‹ ΠΌΠΎΠΆΠ΅Ρ‚Π΅ ΠΏΠΎΠΏΡ€ΠΎΠ±ΠΎΠ²Π°Ρ‚ΡŒ moment.locale('en');

https://ant.design/components/date-picker/ doc

МнС Π½ΡƒΠΆΠ΅Π½ ΠΌΠΎΠΌΠ΅Π½Ρ‚ ΠΈΠ· 'antd' ΠΈΠ»ΠΈ ΠΌΠ½Π΅ Π½ΡƒΠΆΠ½ΠΎ ΡΠΊΠ°Ρ‡Π°Ρ‚ΡŒ Π΅Π³ΠΎ ΠΎΡ‚Π΄Π΅Π»ΡŒΠ½ΠΎ?.
ΠŸΠΎΠΆΠ°Π»ΡƒΠΉΡΡ‚Π°, Π±ΡƒΠ΄ΡŒΡ‚Π΅ Π½Π΅ΠΌΠ½ΠΎΠ³ΠΎ Π±ΠΎΠ»Π΅Π΅ явным. Бпасибо

На вашСм Π²Π΅Π±-сайтС Π΅ΡΡ‚ΡŒ ΠΏΡ€ΠΈΠΌΠ΅Ρ‡Π°Π½ΠΈΠ΅ для setFieldsValue.

please don't use it in componentWillReceiveProps, otherwise, it will cause an endless loop, more)

Он ссылаСтся Π½Π° эту страницу для Ρ‚ΠΎΠ³ΠΎ, Ρ‡Ρ‚ΠΎ я ΠΏΡ€Π΅Π΄ΠΏΠΎΠ»Π°Π³Π°ΡŽ, это объяснСниС. МоТСм Π»ΠΈ ΠΌΡ‹ ΠΏΠΎΠ»ΡƒΡ‡ΠΈΡ‚ΡŒ ΠΊΠ°ΠΊΠΎΠΉ-Ρ‚ΠΎ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄, Ссли это Π²ΠΎΠ·ΠΌΠΎΠΆΠ½ΠΎ?

Бпасибо

@coljung ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊ Google.

@bnlambert @coljung ΠΈΠ»ΠΈ, Ссли Π²Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚Π΅ Chrome, Ρ‰Π΅Π»ΠΊΠ½ΠΈΡ‚Π΅ ΠΏΡ€Π°Π²ΠΎΠΉ ΠΊΠ½ΠΎΠΏΠΊΠΎΠΉ ΠΌΡ‹ΡˆΠΈ -> пСрСвСсти Π½Π° английский

Π― ΠΌΠΎΠ³Ρƒ ΠΏΠΎΠ½ΡΡ‚ΡŒ, Ρ‡Ρ‚ΠΎ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ вопросы Π±Ρ‹Π»ΠΈ написаны Π½Π° китайском языкС для ΡƒΠ΄ΠΎΠ±Π½ΠΎΠ³ΠΎ/быстрого общСния ΠΌΠ΅ΠΆΠ΄Ρƒ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΠΌΠΈ, Π½ΠΎ этот вопрос упоминаСтся Π² ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΠΎΠΉ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΠΈ, ΠΎΠ½ являСтся Β«Ρ‡Π°ΡΡ‚ΡŒΡŽΒ», поэтому Π΅Π³ΠΎ слСдуСт пСрСвСсти.
ΠΠ»ΡŒΡ‚Π΅Ρ€Π½Π°Ρ‚ΠΈΠ²Π°: информация, написанная здСсь, Π΄ΠΎΠ»ΠΆΠ½Π° Π±Ρ‹Ρ‚ΡŒ Π²ΠΊΠ»ΡŽΡ‡Π΅Π½Π° Π² ΠΎΡ„ΠΈΡ†ΠΈΠ°Π»ΡŒΠ½ΡƒΡŽ Π΄ΠΎΠΊΡƒΠΌΠ΅Π½Ρ‚Π°Ρ†ΠΈΡŽ.

@benjycui IMO Β«ΠΏΠΎΠΏΡ€ΠΎΠ±ΡƒΠΉΡ‚Π΅ ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄Ρ‡ΠΈΠΊ GoogleΒ» Π½Π΅ являСтся конструктивным ΠΊΠΎΠΌΠΌΠ΅Π½Ρ‚Π°Ρ€ΠΈΠ΅ΠΌ ΠΈ Π½Π°Ρ€ΡƒΡˆΠ°Π΅Ρ‚ Π½Π΅ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΏΡ€Π°Π²ΠΈΠ»Π° повСдСния, упомянутыС Π² CODE_OF_CONDUCT.md

  • ИспользованиС привСтствСнного ΠΈ инклюзивного языка
  • Π£Π²Π°ΠΆΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎΠ΅ ΠΎΡ‚Π½ΠΎΡˆΠ΅Π½ΠΈΠ΅ ΠΊ Ρ€Π°Π·Π»ΠΈΡ‡Π½Ρ‹ΠΌ Ρ‚ΠΎΡ‡ΠΊΠ°ΠΌ зрСния ΠΈ ΠΎΠΏΡ‹Ρ‚Ρƒ
  • Π“Ρ€Π°ΠΌΠΎΡ‚Π½ΠΎ принимая ΠΊΠΎΠ½ΡΡ‚Ρ€ΡƒΠΊΡ‚ΠΈΠ²Π½ΡƒΡŽ ΠΊΡ€ΠΈΡ‚ΠΈΠΊΡƒ
  • Π‘ΠΎΡΡ€Π΅Π΄ΠΎΡ‚ΠΎΡ‡Π΅Π½Π½ΠΎΡΡ‚ΡŒ Π½Π° Ρ‚ΠΎΠΌ, Ρ‡Ρ‚ΠΎ Π»ΡƒΡ‡ΡˆΠ΅ для сообщСства
  • ΠŸΡ€ΠΎΡΠ²Π»Π΅Π½ΠΈΠ΅ сочувствия ΠΊ Π΄Ρ€ΡƒΠ³ΠΈΠΌ Ρ‡Π»Π΅Π½Π°ΠΌ сообщСства

ДСвяти людям, ΠΊΠΎΡ‚ΠΎΡ€Ρ‹Π΅ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠ»ΠΈ ":smile:": Π²Ρ‹, ΠΎΡ‡Π΅Π²ΠΈΠ΄Π½ΠΎ, Π³ΠΎΠ²ΠΎΡ€ΠΈΡ‚Π΅ Π½Π° Π΄Π²ΡƒΡ… языках, сколько Π²Ρ€Π΅ΠΌΠ΅Π½ΠΈ ΠΏΠΎΡ‚Ρ€Π΅Π±ΠΎΠ²Π°Π»ΠΎΡΡŒ Π±Ρ‹, Ρ‡Ρ‚ΠΎΠ±Ρ‹ Google ΠΏΠ΅Ρ€Π΅Π²Π΅Π» ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚, ΠΏΡ€ΠΈ нСобходимости ΠΎΡ‚ΠΊΠΎΡ€Ρ€Π΅ΠΊΡ‚ΠΈΡ€ΠΎΠ²Π°Π» ΠΏΠ΅Ρ€Π΅Π²ΠΎΠ΄ благодаря вашим языковым Π½Π°Π²Ρ‹ΠΊΠ°ΠΌ ΠΈ вмСсто этого вставил ΠΊΠΎΠ½Ρ‚Π΅Π½Ρ‚ сюда?

Π§Ρ‚ΠΎ, ΠΊΠ°ΠΊ говорится:

  1. OP описываСт ΠΏΡ€ΠΎΠ±Π»Π΅ΠΌΡƒ: Π²Ρ‹Π·ΠΎΠ² setFieldsValue Π² componentWillReceivedProps Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Ρ†ΠΈΠΊΠ», ΠΊΠΎΡ‚ΠΎΡ€Ρ‹ΠΉ Π² ΠΊΠΎΠ½Π΅Ρ‡Π½ΠΎΠΌ ΠΈΡ‚ΠΎΠ³Π΅ останавливаСтся Ρ‡Π΅Ρ€Π΅Π· 1 ΠΌΠΈΠ½ΡƒΡ‚Ρƒ. КаТдоС ΠΈΠ·ΠΌΠ΅Π½Π΅Π½ΠΈΠ΅ поля Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π½ΠΎΠ²Ρ‹ΠΉ «бСсконСчный» Ρ†ΠΈΠΊΠ».
  2. ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰ΠΈΠΉ ΠΎΡ‚Π²Π΅Ρ‚ΠΈΠ», Ρ‡Ρ‚ΠΎ setFieldsValue ΠΏΡ€ΠΈΠ²ΠΎΠ΄ΠΈΡ‚ ΠΊ this.setState Π² HOC, поэтому ΠΎΠ½ мСняСт свойства ΠΈ Π½Π°ΠΏΡ€ΡΠΌΡƒΡŽ Π²Ρ‹Π·Ρ‹Π²Π°Π΅Ρ‚ Π²Ρ‹Π·ΠΎΠ² вашСго ΠΌΠ΅Ρ‚ΠΎΠ΄Π° componentWillReceiveProps . Π’ΠΎΡ‚ ΠΏΠΎΡ‡Π΅ΠΌΡƒ Π΅ΡΡ‚ΡŒ пСтля. ΠœΡ‹ Π΄ΠΎΠ»ΠΆΠ½Ρ‹ ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΠΎΠ²Π°Ρ‚ΡŒ mapPropsToFields .
  3. ОП Π±Π»Π°Π³ΠΎΠ΄Π°Ρ€ΠΈΡ‚ ΡΠΎΠΏΡ€ΠΎΠ²ΠΎΠΆΠ΄Π°ΡŽΡ‰Π΅Π³ΠΎ
  4. ЗадаСтся Π΄Ρ€ΡƒΠ³ΠΎΠΉ (Π±Π΅Π· ΠΎΡ‚Π²Π΅Ρ‚Π°) вопрос. mapPropsToFields ΠΈΡΠΏΠΎΠ»ΡŒΠ·ΡƒΠ΅Ρ‚ΡΡ для чтСния Π΄Π°Π½Π½Ρ‹Ρ… ΠΈΠ· Ρ…Ρ€Π°Π½ΠΈΠ»ΠΈΡ‰Π°, ΠΊΠ°ΠΊ я ΠΌΠΎΠ³Ρƒ Π·Π°ΠΏΠΈΡΠ°Ρ‚ΡŒ Π² Π½Π΅Π³ΠΎ?

Π­Ρ‚Π° Ρ„ΠΎΡ€ΠΌΠ° Π΄Π΅ΠΉΡΡ‚Π²ΠΈΡ‚Π΅Π»ΡŒΠ½ΠΎ слоТна Π² использовании, Π° ΡΡ‚ΠΎΠΈΠΌΠΎΡΡ‚ΡŒ Π΅Π΅ использования послС ΡƒΠΏΠ°ΠΊΠΎΠ²ΠΊΠΈ слишком высока.

mapPropsToFields ΠΈ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠ° ΠΊΠΎΠ½Ρ„Π»ΠΈΠΊΡ‚Π½ΠΎΠΉ Π·Π°Π³Ρ€ΡƒΠ·ΠΊΠΈ ΠΏΡ€ΠΈΠ²Π΅Π΄Π΅Ρ‚ ΠΊ сбросу Ρ„ΠΎΡ€ΠΌΡ‹

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