Ant-design: рдлреЙрд░реНрдо рд╕реЗрдЯрдлрд┐рд▓реНрдбреНрд╕рд╡реИрд▓реНрдпреВ рд╡рд┐рдзрд┐ рдХреЗ рдкреИрд░рд╛рдореАрдЯрд░ рдХреНрдпрд╛ рд╣реИрдВ, рдореИрдВ рдПрдХ рдСрдмреНрдЬреЗрдХреНрдЯ рдореЗрдВ рдкрд╛рд╕ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдХрдВрдкреЛрдиреЗрдВрдЯрд╡рд┐рд▓ рд░рд┐рд╕реАрд╡рдкреНрд░реЙрдкреНрд╕ рдореЗрдВ рдирд┐рд╖реНрдкрд╛рджрди рдХреНрд░реИрд╢ рд╣реЛ рдЬрд╛рддрд╛ рд╣реИ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 9 рд╕рд┐рддре░ 2016  ┬╖  16рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

  • рдПрдПрдирдЯреАрдбреА рд╕рдВрд╕реНрдХрд░рдг: 1.11.0
  • рдСрдкрд░реЗрдЯрд┐рдВрдЧ рд╕рд┐рд╕реНрдЯрдо рдФрд░ рдЙрд╕рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: MAC 10.11.6 рдореЗрдореЛрд░реА 16G CPU i7
  • рдмреНрд░рд╛рдЙрдЬрд╝рд░ рдФрд░ рдЙрд╕рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг: рдХреНрд░реЛрдо

рдкреНрд░рдкрддреНрд░ рдХреЛ рдореМрдЬреВрджрд╛ рдбреЗрдЯрд╛ рд╕реЗ рднрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдкрд╛рджрди рдмрдЯрди рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░реЗрдВред

рдЬрдм рдмрдЯрди рдХреНрд▓рд┐рдХ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЕрджреНрдпрддрди рд╕реНрдерд┐рддрд┐ рд╕рдВрдкрд╛рджрди рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ,
рдШрдЯрдХWillReceiveProps рдореЗрдВ setFieldsValue рд╡рд┐рдзрд┐ рдХреЛ рдХреЙрд▓ рдХрд░реЗрдВред рд▓рдЧрднрдЧ рдПрдХ рдпрд╛ рджреЛ рдорд┐рдирдЯ рдХреЗ рдмрд╛рдж, рдлреЙрд░реНрдо рднрд░ рдЬрд╛рддрд╛ рд╣реИред
рдлрд┐рд░ рдореИрдВ рдХрд┐рд╕реА рднреА рдЗрдирдкреБрдЯ рдкрд░ рдХреНрд▓рд┐рдХ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рд▓рдЧрднрдЧ 1 рдорд┐рдирдЯ рддрдХ рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░рддрд╛ рд░рд╣рддрд╛ рд╣реВрдВред

рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА

рдЗрд╕ рдлреЙрд░реНрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрдард┐рди рд╣реИ, рдФрд░ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдХреЗ рдмрд╛рдж рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рд▓рд╛рдЧрдд рдмрд╣реБрдд рдЕрдзрд┐рдХ рд╣реИ

рд╕рднреА 16 рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

setFieldsValue рдХрд╛ рд╕рд╛рд░ рдмрд╛рд╣рд░реА рдЖрд╡рд░рдг рдХреЗ setState рдХреЛ рдХреЙрд▓ рдХрд░рдирд╛ рд╣реИ, рдФрд░ рдкрд░реЛрдХреНрд╖ рд░реВрдк рд╕реЗ componentWillReceiveProps рдкрд░ рдХреЙрд▓ рдХрд░рдирд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рдПрдХ рдЕрдирдВрдд рд▓реВрдк рд╣реИред

рдХреГрдкрдпрд╛ mapPropsToFields http://ant.design/components/form/#Form.create (рд╡рд┐рдХрд▓реНрдк) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

@рдмреЗрдВрдЬреАрдХреБрдИ рдзрдиреНрдпрд╡рд╛рдж

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 рдпрд╛ рдпрджрд┐ рдЖрдк рдХреНрд░реЛрдо рдкрд░ рд╣реИрдВ, рддреЛ рд░рд╛рдЗрдЯ-рдХреНрд▓рд┐рдХ рдХрд░реЗрдВ -> рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рдЕрдиреБрд╡рд╛рдж рдХрд░реЗрдВ

рдореИрдВ рд╕рдордЭ рд╕рдХрддрд╛ рд╣реВрдВ рдХрд┐ рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рдмреАрдЪ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ/рддреЗрдЬрд╝ рд╕рдВрдЪрд╛рд░ рдХреЗ рд▓рд┐рдП рдЪреАрдиреА рдореЗрдВ рдХреБрдЫ рдореБрджреНрджреЗ рд▓рд┐рдЦреЗ рдЧрдП рдереЗ, рд▓реЗрдХрд┐рди рдЗрд╕реЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдореЗрдВ рд╕рдВрджрд░реНрднрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдпрд╣ "рдЗрд╕рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛" рд╣реИ рдЗрд╕рд▓рд┐рдП рдЗрд╕рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
рд╡реИрдХрд▓реНрдкрд┐рдХ: рдпрд╣рд╛рдВ рд▓рд┐рдЦреА рдЧрдИ рдЬрд╛рдирдХрд╛рд░реА рдХреЛ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдореЗрдВ рд╢рд╛рдорд┐рд▓ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред

@benjycui IMO "Google рдЕрдиреБрд╡рд╛рджрдХ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ" рдПрдХ рд░рдЪрдирд╛рддреНрдордХ рдЯрд┐рдкреНрдкрдгреА рдирд╣реАрдВ рд╣реИ рдФрд░ CODE_OF_CONDUCT.md рдореЗрдВ рдЙрд▓реНрд▓рд┐рдЦрд┐рдд рдЖрдЪрд░рдг рдХреЗ рдХреБрдЫ рдирд┐рдпрдореЛрдВ рдХрд╛ рдЙрд▓реНрд▓рдВрдШрди рдХрд░рддрд╛ рд╣реИред

  • рд╕реНрд╡рд╛рдЧрдд рдФрд░ рд╕рдорд╛рд╡реЗрд╢реА рднрд╛рд╖рд╛ рдХрд╛ рдкреНрд░рдпреЛрдЧ
  • рдЕрд▓рдЧ-рдЕрд▓рдЧ рджреГрд╖реНрдЯрд┐рдХреЛрдгреЛрдВ рдФрд░ рдЕрдиреБрднрд╡реЛрдВ рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рдирд╛
  • рд░рдЪрдирд╛рддреНрдордХ рдЖрд▓реЛрдЪрдирд╛ рдХреЛ рд╢рд╛рди рд╕реЗ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛
  • рд╕рдореБрджрд╛рдп рдХреЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рдХреНрдпрд╛ рд╣реИ рдЗрд╕ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рдирд╛
  • рд╕рдореБрджрд╛рдп рдХреЗ рдЕрдиреНрдп рд╕рджрд╕реНрдпреЛрдВ рдХреЗ рдкреНрд░рддрд┐ рд╕рд╣рд╛рдиреБрднреВрддрд┐ рджрд┐рдЦрд╛рдирд╛

"рдореБрд╕реНрдХрд╛рди:" рдХреЗ рд╕рд╛рде рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ 9 рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП: рдЖрдк рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рджреНрд╡рд┐рднрд╛рд╖реА рд╣реИрдВ, рд╕рд╛рдордЧреНрд░реА рдХреЛ Google рдЕрдиреБрд╡рд╛рдж рдХрд░рдиреЗ рдореЗрдВ рдХрд┐рддрдирд╛ рд╕рдордп рд▓рдЧрддрд╛ рд╣реИ, рдпрджрд┐ рдЖрд╡рд╢реНрдпрдХ рд╣реЛ рддреЛ рдЕрдиреБрд╡рд╛рдж рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реЗрдВ рдЕрдкрдиреЗ рднрд╛рд╖рд╛ рдХреМрд╢рд▓ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж рдФрд░ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рд╕рд╛рдордЧреНрд░реА рдХреЛ рдпрд╣рд╛рдВ рдкреЗрд╕реНрдЯ рдХрд░реЗрдВ?

рдРрд╕рд╛ рдХрд╣реЗ рдЬрд╛рдиреЗ рдХреЗ рдмрд╛рдж:

  1. рдУрдкреА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╡рд░реНрдгрди рдХрд░рддрд╛ рд╣реИ: setFieldsValue рдореЗрдВ componentWillReceivedProps рдкрд░ рдХреЙрд▓ рдХрд░рдиреЗ рд╕реЗ рдПрдХ рд▓реВрдк рдмрдирддрд╛ рд╣реИ рдЬреЛ рдЕрдВрддрддрдГ 1 рдорд┐рдирдЯ рдХреЗ рдмрд╛рдж рдмрдВрдж рд╣реЛ рдЬрд╛рддрд╛ рд╣реИред рдкреНрд░рддреНрдпреЗрдХ рдХреНрд╖реЗрддреНрд░ рдкрд░рд┐рд╡рд░реНрддрди рдПрдХ рдирдП "рдЕрдирдВрдд" рд▓реВрдк рдХрд╛ рдХрд╛рд░рдг рдмрдирддрд╛ рд╣реИред
  2. рдЕрдиреБрд░рдХреНрд╖рдХ рдиреЗ рдЙрддреНрддрд░ рджрд┐рдпрд╛ рдХрд┐ setFieldsValue HOC рдореЗрдВ this.setState $ рдХреА рдУрд░ рдЬрд╛рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдпрд╣ рд╕рд╣рд╛рд░рд╛ рдмрджрд▓рддрд╛ рд╣реИ рдФрд░ рд╕реАрдзреЗ рдЖрдкрдХреЗ componentWillReceiveProps рд╡рд┐рдзрд┐ рдХреЛ рдХреЙрд▓ рдХрд░рдиреЗ рдХрд╛ рдХрд╛рд░рдг рдмрдирддрд╛ рд╣реИред рдЗрд╕рд▓рд┐рдП рдПрдХ рд▓реВрдк рд╣реИред рд╣рдореЗрдВ mapPropsToFields рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
  3. рдУрдкреА рдЕрдиреБрд░рдХреНрд╖рдХ рдХреЛ рдзрдиреНрдпрд╡рд╛рдж рджреЗрддрд╛ рд╣реИ
  4. рдПрдХ рдЕрдиреНрдп (рдЕрдиреБрддреНрддрд░рд┐рдд) рдкреНрд░рд╢реНрди рдкреВрдЫрд╛ рдЬрд╛рддрд╛ рд╣реИред mapPropsToFields рдХрд╛ рдЙрдкрдпреЛрдЧ рд╕реНрдЯреЛрд░ рд╕реЗ рдбреЗрдЯрд╛ рдкрдврд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдореИрдВ рдЗрд╕рдореЗрдВ рдХреИрд╕реЗ рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реВрдВ?

рдЗрд╕ рдлреЙрд░реНрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрдард┐рди рд╣реИ, рдФрд░ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдХреЗ рдмрд╛рдж рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рд▓рд╛рдЧрдд рдмрд╣реБрдд рдЕрдзрд┐рдХ рд╣реИ

mapPropsToFields рдФрд░ рдЕрдкрд▓реЛрдб рд╡рд┐рд░реЛрдз рдЕрдкрд▓реЛрдб рдлреЙрд░реНрдо рдХреЛ рд░реАрд╕реЗрдЯ рдХрд░ рджреЗрдЧрд╛

рдХреНрдпрд╛ рдпрд╣ рдкреГрд╖реНрда рдЙрдкрдпреЛрдЧреА рдерд╛?
0 / 5 - 0 рд░реЗрдЯрд┐рдВрдЧреНрд╕

рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЛрдВ

alanwei0 picture alanwei0  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

taikongfeizhu picture taikongfeizhu  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yangbin1994 picture yangbin1994  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

kevyu picture kevyu  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

tangsj picture tangsj  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ