Ant-design: ЁЯТе рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 4.0 рдкреНрд░рдЧрддрд┐ рдкрд░ рд╣реИ!

рдХреЛ рдирд┐рд░реНрдорд┐рдд 31 рдордИ 2019  ┬╖  182рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рд╕рд╛рдЗрдЯ

next.ant.design


рд╕рдВрдХреНрд╖рд┐рдкреНрдд

рджрд┐рд╕рдВрдмрд░ 2017 рд╕реЗ 16 рдорд╣реАрдиреЗ рд╣реЛ рдЪреБрдХреЗ рд╣реИрдВ рдЬрдм рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рд╣рдордиреЗ рдХрд╛рдлреА рдмрдЧреНрд╕ рддрдп рдХрд┐рдП рдФрд░ 4289 рдХрдорд┐рдЯреНрд╕, 138 рд░рд┐рд▓реАрдЬрд╝, 7675 рдЗрд╢реНрдпреВрдЬ рдФрд░ PRs рдореЗрдВ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдирдП рдлреАрдЪрд░реНрд╕ ( рдЪреИрдВрдЬ ) рдЬреЛрдбрд╝реЗ, рдЬрд┐рд╕рд╕реЗ рд╣рдореЗрдВ GitHub рдореЗрдВ 25375 рд╕реНрдЯрд╛рд░ рдорд┐рд▓реЗред рд╣рдордиреЗ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди рдкреНрд░реЛ 4.0 рднреА рдЬрд╛рд░реА рдХрд┐рдпрд╛ред рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ, рдмреНрд▓реЙрдХ рдФрд░ рд▓реЗрдЖрдЙрдЯ рдХреЗ рдЕрдореВрд░реНрдд рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдердиред рд╣рдо рд╣рд░ рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдХрд╛ рд╢реБрдХреНрд░рд┐рдпрд╛ рдЕрджрд╛ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдФрд░ рдЖрдкрдХрд╛ рдпреЛрдЧрджрд╛рди рдПрдВрдЯ рдбрд┐рдЬрд╛рдЗрди рдХреЛ рдмреЗрд╣рддрд░ рдФрд░ рдмреЗрд╣рддрд░ рдмрдирд╛рддрд╛ рд╣реИред

рдЙрд╕реА рд╕рдордп, рд╣рдордиреЗ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди рдкреНрд░реЛ 4.0 рдЬрд╛рд░реА рдХрд┐рдпрд╛ред рд╕рдорд░реНрдерди рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ, рдмреНрд▓реЙрдХ рдФрд░ рд▓реЗрдЖрдЙрдЯ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИред

рдЗрд╕ рд╕рдордп, рд╣рдо рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВ: рдареАрдХ рд╣реИ, рдлрд┐рд░ рдЖрдЧреЗ рдХреНрдпрд╛ рд╣реИ? рдЖрдЧреЗ рдЪрд▓рдХрд░ Ant Design рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдо рдХреНрдпрд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ? рдпрд╣ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 4.0 рдХреЗ рд▓рд┐рдП рдпреЛрдЬрдирд╛ рдмрдирд╛рдиреЗ рдХрд╛ рд╕рдордп рд╣реИ! ЁЯН╗

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд 4.0 рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░ рдпреЛрдЬрдирд╛ рд╣реИред рд╣рдо рдЙрдирдореЗрдВ рд╕реЗ рдХреБрдЫ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдЕрднреА рднреА рдпреЛрдЬрдирд╛ рдореЗрдВ рд╣реИред

Ibility рд╕рдВрдЧрддрддрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ

рд╣рдо 4.0 рдореЗрдВ рдкрджрд╛рд╡рдирдд рдкреНрд░реЙрдкреНрд╕ рдХреЛ рд╣рдЯрд╛ рджреЗрдВрдЧреЗ, рдЬрд┐рд╕рдХрд╛ рдЕрд░реНрде рд╣реИ рдХрд┐ рдбрд┐рдкреНрд░реЗрд╕реНрдб рдкреНрд░реЙрдкреНрд╕ рдЕрдм рд╕рдорд░реНрдерд┐рдд рдирд╣реАрдВ рд╣реЛрдВрдЧреЗред рдпрджрд┐ рдЖрдкрдХреЛ рдирд╡реАрдирддрдо 3.x рд╕реЗ рдХреЛрдИ рдЪреЗрддрд╛рд╡рдиреА рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣реА рд╣реИ, рддреЛ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдирд╛ рд╕рд╣рдЬ рд╣реЛрдЧрд╛ред рдЕрдиреНрдпрдерд╛, 4.0 рдЬрд╛рд░реА рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж 3.0 рдХреЗ рд▓рд┐рдП рдЖрдзреЗ рд╕рд╛рд▓ рдХреЗ рд░рдЦрд░рдЦрд╛рд╡ рдХрд╛ рдЪрд░рдг рд╣реЛрдЧрд╛ред

рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд░реЗрд╢рд╛рди рд╣реИред рд╣рдо рдЗрд╕реЗ рд╕рдВрднрд╛рд▓рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдЧрдд рдкреИрдХреЗрдЬ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ:

import Compatible from '@ant-design/compatible';

// It works, but will warning in console
const Demo = () => (
  <Compatible>
    <YourApp />
  </Compatible>
);

рдпрд╣ рдкреИрдХреЗрдЬ 3.x рд░рдЦрд░рдЦрд╛рд╡ рдЪрд░рдг рдХреЗ рдЕрдВрдд рддрдХ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛ред

рдирд╡реАрдирддрдо рд░рд┐рдПрдХреНрдЯ рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рд╣рдордиреЗ рд▓рдВрдмреЗ рд╕рдордп рддрдХ рд░рд┐рдПрдХреНрдЯ 15 рд╕рдкреЛрд░реНрдЯ рджрд┐рдпрд╛ рд╣реИред рд▓реЗрдХрд┐рди рдпрд╣ рд╕рд╛рдорд╛рдЬрд┐рдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╕реЗ рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рд▓рдЧрддрд╛ рд╣реИ (рд░рд┐рдПрдХреНрдЯ 15 рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд▓рдЧрднрдЧ 0% рдореБрджреНрджреЗ рд╣реИрдВ), рдХреНрдпреЛрдВрдХрд┐ рд░рд┐рдПрдХреНрдЯ рдореЗрдВ рдордЬрдмреВрдд рд╕рдВрдЧрддрддрд╛ рд╣реИред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 15 рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╣рдо рдирдП рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдмрд╣реБрдд рд╕рд╛рд╡рдзрд╛рдиреА рд╕реЗ рдХрд░рддреЗ рд╣реИрдВред рдпрд╣ 4.0 рдХреЗ рдмрд╛рдж рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реЛрдЧреА:

  • рд╕рдВрдмрдВрдзрд┐рдд рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рд╣реБрдХ рдЕрдкреА рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ
  • рд╕рдорд╡рд░реНрддреА рдореЛрдб рдХрд╛ рд╕рдорд░реНрдерди (рдЕрднреА рднреА рддреИрдпрд╛рд░реА, 4.0 рдореЗрдВ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдЬрд╛рд░реА рд░рд╣реЗрдЧрд╛)
  • рдЖрд▓рд┐рдВрдЧрди рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 17 (рд╡рд╛рд╣) ~)

IE9 / 10 рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдкреБрд░рд╛рдиреЗ IE рдХрд╛

рдЕрдиреНрдп рд╕рдВрдЧрдд рдЕрджреНрдпрддрди

  • рдХрдо 2.x рдХреЛ рдХрдо 3.x рдореЗрдВ рдЕрдкрдЧреНрд░реЗрдб рдХрд░реЗрдВ
  • рдЖрдЗрдХрди рд╕рдорд╛рдпреЛрдЬрди
  • рдЙрд▓реНрд▓реЗрдЦ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ

Size рдЖрдХрд╛рд░ рдХрдо рдХрд░реЗрдВ

рдЖрдЗрдХрди рдХрд╛ рдЖрдХрд╛рд░ рдСрдкреНрдЯрд┐рдорд╛рдЗрдЬрд╝ рдХрд░реЗрдВ

рд╣рдо [email protected] рдмрд╛рдж svg рдЖрдЗрдХрди ( svg рдХреНрдпреЛрдВ? ) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред рд╣рдо рдЖрдЗрдХрди рдХреЛ рдореИрдк рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрдЯреНрд░рд┐рдВрдЧ рдирд╛рдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬреЛ рдорд╛рдВрдЧ рдкрд░ рд▓реЛрдб рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛ рд╣реИред рд╣рдо рд╕рднреА рдЖрдЗрдХрди рдлрд╝рд╛рдЗрд▓ рдХреЛ atd рдореЗрдВ рдЖрдпрд╛рдд рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдмрдВрдбрд▓ рдЖрдХрд╛рд░ рдХреЛ рдмрдбрд╝рд╛ рдмрдирд╛рддреА рд╣реИ ред рд╣рдо 4.0 рдореЗрдВ рдЗрд╕реЗ рд╕рдВрднрд╛рд▓ рд▓реЗрдВрдЧреЗред

рдкреБрд░рд╛рдиреЗ рдЖрдЗрдХрди рдЙрдкрдпреЛрдЧ рдХрд╛ рддрд░реАрдХрд╛ * рдкрджрд╛рд╡рдирдд * рд╣реЛрдЧрд╛:

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0 рдХреЗ рдмрдЬрд╛рдп рдЖрдпрд╛рдд рдПрдХрд▓ рдЪрд┐рд╣реНрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдЧрд╛:

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

рдЖрдк рдЕрднреА рднреА рдкреБрд░рд╛рдиреЗ рддрд░реАрдХреЗ рд╕реЗ рд╕рдВрдЧрдд рддрд░реАрдХреЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

Draft.js рдирд┐рдХрд╛рд▓реЗрдВ

рдкреЙрдкрдЕрдк рд╕реНрдерд╛рди рдХреА рдкреБрд╖реНрдЯрд┐ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рдо Mention рдШрдЯрдХ рдореЗрдВ Draft.js рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдХреЗрд╡рд▓ рдПрдХ рдЫреЛрдЯрд╛ рд╕рд╛ рднрд╛рдЧ рдХрд╛рд░реНрдпрдХреНрд╖рдорддрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдпрд╣ рд▓рд╛рдЧрдд рд╕реЗ рдЕрдзрд┐рдХ рд▓рдЧрддрд╛ рд╣реИред рд╣рдо 4.0 рдореЗрдВ Draft.js рдХреЛ рд╣рдЯрд╛рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ, рдФрд░ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЕрдиреНрдп рдкреНрд░рдХрд╛рд╢ рд╕рдорд╛рдзрд╛рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВред рдЙрд╕реА рд╕рдордп, 3.0 рдореЗрдВ рдореВрд▓ рдореЗрдВрд╢рди рдШрдЯрдХ рдХреЗ рд╕рд╛рде рдЕрдВрддрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдПрдкреАрдЖрдИ рд╕рдВрдШрд░реНрд╖ рд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдШрдЯрдХ рдореЗрдВрд╢рди рдкреЗрд╢ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдпрд╣ рд╕рдВрдЧрдд рддрд░реАрдХреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ:

// Follow Code will not work
import { Mention } from 'antd';

const Demo = () => (
  <Mention />
);
// Added `Mentions` in 4.0
import { Mentions } from 'antd';

const Demo = () => (
  <Mentions />
);

ЁЯзн рдкреНрд░рджрд░реНрд╢рди рдЕрдиреБрдХреВрд▓рди

рд╣рдореЗрдВ рд╕рдореБрджрд╛рдп рд╕реЗ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдмрдбрд╝реЗ рдбреЗрдЯрд╛ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреНрд░рджрд░реНрд╢рди рдХрд╛ рдореБрджреНрджрд╛ рдорд┐рд▓рддрд╛ рд╣реИред рд╣рдо рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВрдЧреЗ рдХрд┐ рдпрд╣рд╛рдБ рдХреБрдЫ рдЕрдиреБрдХреВрд▓рди рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ

рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдкрд░рдлреЙрд░реНрдореЗрдВрд╕ рдСрдкреНрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдХрд░рдиреЗ рдХрд╛ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рддрд░реАрдХрд╛ рд╣реИред рд╣рдо рдШрдЯрдХреЛрдВ рдореЗрдВ рдЗрд╕ рдореВрд▓ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВред рдпрд╣ 4.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рддреБрд░рдВрдд рдЦрддреНрдо рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рдХрджрдо рд╕реЗ рдХрджрдо рдХреЛ рдПрдХреАрдХреГрдд рдХрд░реЗрдЧрд╛ред

рд░рд┐рдлреИрдХреНрдЯрд░ рдПрдиреАрдореЗрд╢рди

рд╣рдордиреЗ рдЕрддреАрдд рдореЗрдВ рдПрдиреАрдореЗрд╢рди рдХреЗ рд╕рд╛рде рдХреБрдЫ рд╣реИрдХ рдХрд┐рдпрд╛ рдерд╛ред рдпрд╣ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред рд╣рдо рд╣реИрдХ рдХреЗ рдмрдЬрд╛рдп рдмрд╣реБрдд рд╢реБрджреНрдз рд░рд┐рдПрдХреНрдЯ рддрд░реАрдХреЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рдпрд╣ рдЕрдкрдбреЗрдЯ рдореМрди рдореЗрдВ рд╣реЛрдЧрд╛, рдХреБрдЫ рднреА рдЖрдкрдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдирд╣реАрдВ рдХрд░реЗрдЧрд╛ред

ЁЯзй рдШрдЯрдХ рдЕрдиреБрдХреВрд▓рди

рд╣рдордиреЗ 3.0 рдореЗрдВ рдХрдИ рдШрдЯрдХ рдЬреЛрдбрд╝реЗ рд╣реИрдВ, рдФрд░ 4.0 рдореЗрдВ рдЬрд╛рд░реА рд░рд╣реЗрдВрдЧреЗред рдпреЗ рдШрдЯрдХ рд╡реНрдпрд╛рд╡рд╕рд╛рдпрд┐рдХ рдкрд░рд┐рджреГрд╢реНрдп, рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдкреНрд░реЛ рдФрд░ рд╕рд╛рдорд╛рдЬрд┐рдХ рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╕реЗ рдЖрдПрдВрдЧреЗред рдирдИ рдШрдЯрдХ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдХреЗ рд╕рдорд╛рди рд╣реЛрдЧреА, рд╣рдо рдкреАрдЖрд░ рдореЗрдВ рд╕рдВрдмрдВрдзрд┐рдд рдбрд┐рдЬрд╛рдЗрди рдлрд╝рд╛рдЗрд▓ рдбрд╛рд▓реЗрдВрдЧреЗ рдФрд░ рдЗрд╕реЗ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдореЗрдВ рдПрдХрддреНрд░ рдХрд░реЗрдВрдЧреЗред рдкреНрд░рддреНрдпреЗрдХ рдЫреЛрдЯреЗ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд░рд┐рд▓реАрдЬрд╝ рдХрд░реЗрдВред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдореЗрдВ рдЖрд╕рд╛рди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреНрд░рдореБрдЦ рдШрдЯрдХреЛрдВ рдХреЛ рд░рд┐рдлрд▓реЗрдХреНрдЯрд░ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рд╢рд╛рдорд┐рд▓ рд╣реИ, рд▓реЗрдХрд┐рди рди рдХреЗрд╡рд▓:

рдкреНрд░рдкрддреНрд░

рдлреЙрд░реНрдо рд╕рдмрд╕реЗ рдЕрдзрд┐рдХ рдЙрдкрдпреЛрдЧ рдШрдЯрдХ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реИред рд╣рдо рджреЗрдЦрддреЗ рд╣реИрдВ рдХрд┐ рд╕рд╛рдорд╛рдЬрд┐рдХ рдХреЗ рдкрд╛рд╕ рдПрдкреАрдЖрдИ рдбрд┐рдЬрд╛рдЗрди рдкрд░ рдХрдИ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рд╣реИрдВред
рд╣рдо 4.0 рдореЗрдВ рдПрдкреАрдЖрдИ рдХреЛ рд╕рд░рд▓ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ:

  • рдлреЙрд░реНрдо рдореЗрдВ рдбреЗрдЯрд╛ рд╕реНрдЯреЛрд░ рд╢рд╛рдорд┐рд▓ рд╣реЛрдЧрд╛ред рдЕрдм Form.create() рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред
  • Fom.Item рдореЗрдВ рдлрд╝реАрд▓реНрдб рдмрд╛рдЗрдВрдб рд╢рд╛рдорд┐рд▓ рд╣реЛрдЧреАред рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред
  • Form.Item рдорд╛рди рд░рдЦреЗрдЧрд╛, рд▓реЗрдХрд┐рди рдлрд╝реАрд▓реНрдб рд╣рдЯрд╛рдП рдЬрд╛рдиреЗ рдкрд░ рд╕рддреНрдпрд╛рдкрдирдХрд░реНрддрд╛ рдЕрдХреНрд╖рдо рд╣реЛ рдЬрд╛рдПрдЧрд╛ред
const Demo = () => {
  const [form] = Form.useForm();

  const onFinish = () => {
    // Do something...
  };

  useEffect(() => {
    // Something like ajax call
    form.setFieldsValue({
      username: 'light',
    });
  }, []);

  return (
    <Form form={form} onFinish={onFinish}>
      <Form.Item name="username" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
    </Form>
  );
}

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рджреБрдирд┐рдпрд╛ рдореЗрдВ, рд╣рдо рд░реВрдкреЛрдВ (рдЖрдорддреМрд░ рдкрд░ рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди) рдХреЗ рдмреАрдЪ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╕рдВрдЪрд╛рд░ рдорд┐рд▓рддреЗ рд╣реИрдВред рд╣рдо рдЗрд╕реЗ рдЖрд╕рд╛рди рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ:

const { useForm, createContext } = Form;
const FormContext = createContext();

const Demo = () => {
  return (
    <FormContext>
      <YourForm1 />
      <YourForm2 />
    </FormContext>
  );
};

рдпрджрд┐ рдЖрдк рдкреНрд░рдкрддреНрд░ рдкреНрд░рдЧрддрд┐ рдХрд╛ рдкрд╛рд▓рди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдпрд╣рд╛рдВ рджреЗрдЦ рд╕рдХрддреЗ

рдЯреЗрдмрд▓

рдЕрддреАрдд рдореЗрдВ, рд╣рдо рдмрд╣реБрдд рд╕реЗ рдкреНрд░рд╛рдкреНрдд рдЯреЗрдмрд▓ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ред рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рд╡рд┐рд╕реНрддрд╛рд░ рдФрд░ рд╕реНрдХреНрд░реЙрд▓ рдкреНрд░реЙрдк рдПрдХ рд╕рд╛рде рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред рдЗрд╕ рдмрд╛рд░, рд╣рдо рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдкрд░ рдзреНрдпрд╛рди рджреЗрдВрдЧреЗред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдЯреЗрдмрд▓ рдЕрдиреБрдХреВрд▓рди рдкрд░ рдмрд╣реБрдд рдХреБрдЫ рдХрд░реЗрдВрдЧреЗред рдФрд░ рд▓реЗрдЖрдЙрдЯ the рдХрд░рдиреЗ рдХрд╛ рдЖрд╕рд╛рди рддрд░реАрдХрд╛

const Demo = () => {
  return (
    <Table
      header={{
        templateAreas: `
          name    address     address
          name    building    no
        `,
        cells: [
          { key: 'name', title: 'Name' },
          { key: 'address', title: 'Address' },
          { key: 'building', title: 'Building' },
          { key: 'no', title: 'No' },
        ],
      }}
    />
  );
};

antd4-table

рд╣рдо рд╕рд╛рд░рд╛рдВрд╢ рдкрдВрдХреНрддрд┐ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╛рд░рд╛рдВрд╢ рдкрд╛рдж рд▓реЗрдЦ рдЬреЛрдбрд╝рдиреЗ рдХреА рднреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред

рдирдИ рддрд╛рд░реАрдЦ

рд╡рд░реНрддрдорд╛рди DatePicker рдЕрдзрд┐рдХрд╛рдВрд╢ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЛ рдкреВрд░рд╛ рдХрд░рддреА рд╣реИред рд▓реЗрдХрд┐рди рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдЪрд░реНрдЪрд╛ рд╕реЗ , рд╣рдо рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдЦреЛрдж рд╕рдХрддреЗ рд╣реИрдВред рд╣рдо рдмрд╛рдХреА рд╡рд░реНрд╖ рдкрд┐рдХрд░ рдФрд░ рд░реЗрдВрдЬрд░ рдкрд┐рдХрд░ ( рдЪрд░реНрдЪрд╛ ) рдкреНрд░рджрд╛рди рдХрд░реЗрдВрдЧреЗред рдФрд░ рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЕрдиреБрднрд╡ рдХреЛ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП DatePicker рдбрд┐рдЬрд╛рдЗрди рд╢реИрд▓реА рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗред

ЁЯЪА рдЕрдкрдбреЗрдЯ рдЬрд╛рд░реА рд░рдЦреЗрдВ

рдЙрдкрд░реЛрдХреНрдд рд╕рд╛рдордЧреНрд░реА рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдХреБрдЫ рдирд┐рд░рдВрддрд░ рдЕрдкрдбреЗрдЯ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рднреА рдмрдирд╛рддреЗ рд╣реИрдВред рдпреЗ рд╡рд┐рдХрд╛рд╕ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЕрдиреБрднрд╡ рдХреЛ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП 4.0 рдореЗрдВ рдЕрдкрдбреЗрдЯ рд╣реЛрддреЗ рд░рд╣реЗрдВрдЧреЗред

Ibility рдкрд╣реБрдВрдЪ рдореЗрдВ рд╕реБрдзрд╛рд░

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдореЗрдВ рдкрд╣реБрдВрдЪ рдХреЗ рд▓рд┐рдП рд╕реАрдорд┐рдд рд╕рдорд░реНрдерди рд╣реИ, рд╣рдо рд╕реНрдХреНрд░реАрди рд░реАрдбрд░ рдЕрдиреБрднрд╡ рдХреЛ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдбреЛрдо рд╕рдВрд░рдЪрдирд╛ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдФрд░ рдЕрдзрд┐рдХ рдПрд░рд╛ рдЪрд┐рд╣реНрди рдЬреЛрдбрд╝рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдХреБрдВрдЬреА рдмреЛрд░реНрдб рдЗрдВрдЯрд░реИрдХреНрд╢рди рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреА рднреА рддреИрдпрд╛рд░реА рдХрд░рддреЗ рд╣реИрдВред

ЁЯОп рдбреЗрд╡рд▓рдкрд░ рдПрдкреАрдЖрдИ рдорд╛рдирдХ

рд╣рдо рдкрд╛рддреЗ рд╣реИрдВ рдХрд┐ рдХреБрдЫ рдПрдкреАрдЖрдИ рдирд╛рдордХрд░рдг рд╢реИрд▓реА рджреВрд╕рд░реЛрдВ рдХреЗ рд╕рд╛рде рдереЛрдбрд╝реА рдЕрд▓рдЧ рд╣реИред рдпрд╣ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреЗрд╡рд▓рдкрд░ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреНрдпрдерд╛ рдпрд╛рдж рд░рдЦрдирд╛ рдХрдард┐рди рд╣реИред
рдЗрд╕ рдкреНрд░рдХрд╛рд░, рд╣рдо рдПрдХ рдирд╛рдордХрд░рдг рдорд╛рдирдХ рджрд╕реНрддрд╛рд╡реЗрдЬ рдмрдирд╛рдПрдВрдЧреЗ рдЬрд┐рд╕рдореЗрдВ рд╡рд░реНрддрдорд╛рди рдПрдкреАрдЖрдИ рдФрд░ рд╕рдВрдмрдВрдзрд┐рдд рдирд╛рдордХрд░рдг рдирд┐рдпрдо рд╢рд╛рдорд┐рд▓ рд╣реЛрдВрдЧреЗред рдирдИ рд╕реБрд╡рд┐рдзрд╛ рдореЗрдВ, рдПрдкреАрдЖрдИ рдирд╛рдордХрд░рдг рд╕рдВрдШрд░реНрд╖ рд╕реЗ рдмрдЪрдиреЗ рдХреЗ рд▓рд┐рдП рдирд╛рдордХрд░рдг рдирд┐рдпрдо рдХрд╛ рдкрд╛рд▓рди рдХрд░реЗрдЧрд╛ред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдкреАрдЖрд░ рдореЗрдВ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рд╕рдореБрджрд╛рдп рдХреА рд░рд╛рдп рдХрд╛ рд╕реНрд╡рд╛рдЧрдд рдХрд░рддреЗ рд╣реИрдВред

ЁЯТ╝ рд░рд┐рдПрдХреНрдЯ рд╕рдЦреНрдд рдореЛрдб

рдпрджрд┐ рдЖрдкрдиреЗ <React.StrictMode> рд╕рд╛рде atd рдШрдЯрдХ рдХреЛ рд▓рдкреЗрдЯрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд┐рдпрд╛, рддреЛ рдЖрдкрдХреЛ рдЪреЗрддрд╛рд╡рдиреА рдорд┐рд▓реЗрдЧреАред рд╣рдордиреЗ рдкрд╣рд▓реЗ рд╣реА рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЛ рдирдП рдЬреАрд╡рди рдЪрдХреНрд░ рд╡рд┐рдзрд┐ рд╕реЗ рдмрджрд▓ рджрд┐рдпрд╛ рд╣реИред рдпрд╣ рдХрд╛рдо 4.0 рдореЗрдВ рдЬрд╛рд░реА рд░рд╣реЗрдЧрд╛ред

Experience рдбреЗрд╡рд▓рдкрд░ рдЕрдиреБрднрд╡ рдореЗрдВ рд╕реБрдзрд╛рд░

рдЕрддреАрдд рдореЗрдВ, рд╣рдордиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдХреБрдЫ рдореБрджреНрджрд╛ рдмрд╛рд░-рдмрд╛рд░ рдЖрддрд╛ рд╣реИред рдпреЗ рдореБрджреНрджреЗ рдХрд┐рд╕реА рддрд░рд╣ рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд╛ рдкреНрд░рд╢реНрди рд╣реИрдВред рд╣рдореЗрдВ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдо рдЗрд╕ рдкрд░ рдХреБрдЫ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ (рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА 3.0 рдореЗрдВ рд╢реБрд░реВ)ред рд╡рд┐рдХрд╛рд╕ рдХреЗ рдорд╛рд╣реМрд▓ рдореЗрдВ, рд╣рдо рдЕрдкреНрд░рддреНрдпрд╛рд╢рд┐рдд рд╕реНрдерд┐рддрд┐ (рдЬреИрд╕реЗ рдЕрдорд╛рдиреНрдп рдкрд▓ рд╡рд╕реНрддреБ, рдЙрдкрд╕рд░реНрдЧ / рдкреНрд░рддреНрдпрдп рд╕рдорд╛рдпреЛрдЬрди рдХрд╛рд░рдг рдбреЛрдо рд╕рдВрд░рдЪрдирд╛ рдкрд░рд┐рд╡рд░реНрддрди, рдЖрджрд┐) рдХреЛ рдЪреЗрддрд╛рд╡рдиреА рджреЗрдВрдЧреЗред рд╣рдо рдорд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдХрдВрд╕реЛрд▓ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реА рдЬрдЧрд╣ рд╣реИред рдЙрдЪрд┐рдд рд╕реБрдЭрд╛рд╡ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдЦреЛрдЬрдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХрддреА рд╣реИред рдЙрд╕реА рд╕рдордп, рд╣рдо рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЗ рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдкреНрд░рд╢реНрдиреЛрдВ рдХреЛ рд╕рд╛рд░рд╛рдВрд╢рд┐рдд рдХрд░реЗрдВрдЧреЗред рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рдкрдХреНрд╖ рд╕реЗ, рд╣рдо рдкреНрд░рддреНрдпреЗрдХ рдЙрдкрдпреЛрдЧ рдкреНрд░рд╢реНрди рдкрд░ рдорджрдж рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗ, рд▓реЗрдХрд┐рди рд╡реЗ рдореМрдЬреВрдж рд╣реИрдВ, рдЦрд╛рд╕рдХрд░ рдирдП рдЖрдиреЗ рд╡рд╛рд▓реЗ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд╕рд╛рдеред рдмрд╣реБрдд рд╕реЗ рдЦреЛрдЬ рд╕рдордп рдХреЛ рдмрдЪрд╛рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХрддреА рд╣реИред рдпрджрд┐ рдЖрдк рдЗрд╕ рдкрд░ рд░реБрдЪрд┐ рд░рдЦрддреЗ рд╣реИрдВ, рддреЛ рд╣рдорд╛рд░реЗ рд╕рд╛рде рдбреЗрд╡рд▓рдкрд░ рдЕрдиреБрднрд╡ рдХреЛ рдмрдврд╝рд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдВред

ЁЯР▒ рдбрд┐рдЬрд╛рдЗрди рд╕рдВрд╕рд╛рдзрди

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рди рдХреЗрд╡рд▓ рдПрдХ рдШрдЯрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╣реИред рдбрд┐рдЬрд╛рдЗрди рд╕рдорд░реНрдерди рд╢рдХреНрддрд┐ рд╣реИред рд╣рдо рдбрд┐рдЬрд╛рдЗрди рд╕рдВрд╕рд╛рдзрди (рд╕реНрдХреЗрдЪ рдШрдЯрдХ рдкреИрдХреЗрдЬ, рд░рд╕реЛрдИ рдЙрдкрдХрд░рдг, рдбрд┐рдЬрд╛рдЗрди рдЯреЛрдХрди, рдЖрджрд┐) рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗред рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЕрдиреБрднрд╡ рдХреЛ рдмрдврд╝рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд░реНрддрдорд╛рди рдШрдЯрдХ рд╢реИрд▓реА рдХреЛ рднреА рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реЗрдВрдЧреЗред

рдореАрд▓ рдХреЗ рдкрддреНрдерд░

рдпрд╣рд╛рдВ рд╣рдорд╛рд░реА рдореАрд▓ рдХреЗ рдкрддреНрдерд░ рдХреА рдпреЛрдЬрдирд╛ рд╣реИред рд╣рдо рдЧреАрдереВрдм рдкрд░ рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджрд╛ рдмрдирд╛рдПрдВрдЧреЗред рдФрд░ рд╕рд╛рдорд╛рдЬрд┐рдХ рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛ рдХрд╛ рднреА рд╕реНрд╡рд╛рдЧрдд рдХрд░реЗрдВрдЧреЗ:

Q2

  • рд╕рдВрдмрдВрдзрд┐рдд рдПрдкреАрдЖрдИ рдХреЛ рдкрджрд╛рд╡рдирдд рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░реЗрдВ рдФрд░ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рд╕реЗ рд╣рдЯрд╛ рджреЗрдВред
  • рдирд┐рдореНрди рд╕реНрддрд░ рдХреЗ рдШрдЯрдХ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдЕрджреНрдпрддрди рдХрд░рддреЗ рд╣реИрдВред

Q3

  • Atd 4.0 рд╢рд╛рдЦрд╛ рдмрдирд╛рдПрдБ рдФрд░ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВред
  • рдЕрд╡рдпрд╡ рдХрд╛ рд╡рд┐рдХрд╛рд╕ред

Q4

  • рд░рд┐рд▓реАрдЬ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 4.0ред

рдирд╛рд╡ рдкрд░ рд╕реНрд╡рд╛рдЧрдд рд╣реИ

рд╣рдо рдЖрдкрдХреЛ рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдиреЗ рдХреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди рддреИрдирд╛рдд рд░рдЦреЗрдВрдЧреЗред рдКрдкрд░ рджреА рдЧрдИ рд╕рд╛рдордЧреНрд░реА рдЕрдВрддрд┐рдо рдирд╣реАрдВ рд╣реЛ рд╕рдХрддреАред рд╕рдореБрджрд╛рдп рд╕реЗ рд╕реЛрдЪрд╛ / рд╕рд▓рд╛рд╣ рд╕реНрд╡рд╛рдЧрдд рд╕реЗ рдЕрдзрд┐рдХ рд╣реЛрдЧреА! рдЖрдЗрдП рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди 4.0 рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдПрдВ!


рдкрд░рд┐рдЪрдп

рджрд┐рд╕рдВрдмрд░ 2017 рдореЗрдВ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдЬрд╛рд░реА рдХрд┐рдП 16 рдорд╣реАрдиреЗ рд╣реЛ рдЧрдП рд╣реИрдВред рдЗрд╕ рдЕрд╡рдзрд┐ рдХреЗ рджреМрд░рд╛рди, рд╣рдордиреЗ рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рдмрдЧ рдХреЛ рдареАрдХ рдХрд┐рдпрд╛ рд╣реИ рдФрд░ рдмрдбрд╝реА рд╕рдВрдЦреНрдпрд╛ рдореЗрдВ рдирдИ рд╕реБрд╡рд┐рдзрд╛рдПрдБ ( рдЕрдкрдбреЗрдЯ рд▓реЙрдЧ ) рдЬреЛрдбрд╝реА рд╣реИрдВред 4289 рдкреНрд░рд╕реНрддреБрдд рдХрд┐рдП рдЧрдП, 138 рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд┐рдП, 7675 рдореБрджреНрджреЛрдВ рдФрд░ рдкреАрдЖрд░ рдХреЛ рдмрдВрдж рдХрд┐рдпрд╛, рдФрд░ 25375 рд╕рд┐рддрд╛рд░реЛрдВ рдХреЛ рдЬреЛрдбрд╝рд╛ред рд╣рдордиреЗ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди рдкреНрд░реЛ 4.0 рднреА рдЬрд╛рд░реА рдХрд┐рдпрд╛ред рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ, рдмреНрд▓реЙрдХ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдФрд░ рд▓реЗрдЖрдЙрдЯ рдХреЛ рдЕрдореВрд░реНрдд рдХрд░рддрд╛ рд╣реИред рд╣рдо рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдХреЛ рдФрд░ рдЕрдзрд┐рдХ рдЙрдкрдпреЛрдЧреА рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЗ рд╕рдорд░реНрдкрдг рдХреЗ рд▓рд┐рдП рд╕рднреА рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХреЛрдВ рдХреЛ рдзрдиреНрдпрд╡рд╛рдж рджреЗрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рдЗрд╕реА рд╕рдордп, рд╣рдо рдпрд╣ рднреА рд╕реЛрдЪ рд░рд╣реЗ рд╣реИрдВ рдХрд┐ рдЕрдЧрд▓рд╛ рдХрджрдо рдХреНрдпрд╛ рд╣реИ рдФрд░ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдХреЛ рдХреИрд╕реЗ рдЖрдЧреЗ рдмрдврд╝рд╛рдпрд╛ рдЬрд╛рдПред рд╣рдо рдЗрд╕ рд╕рд╛рд▓ Q4 рдореЗрдВ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 4.0 рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд░рдиреЗ рдХреА рдЙрдореНрдореАрдж

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд 4.0 рдХреЗ рд▓рд┐рдП рдПрдХ рд╡рд┐рд╕реНрддреГрдд рдпреЛрдЬрдирд╛ рд╣реИ, рдмреЗрд╢рдХ рдпрд╣ рдЕрднреА рднреА рдпреЛрдЬрдирд╛ рдмрдирд╛рдИ рдЬрд╛ рд░рд╣реА рд╣реИред рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рдЬрд╛рд░реА рдХрд┐рдП рдЬрд╛рдиреЗ рдкрд░ рд╕рдорд╛рдпреЛрдЬрди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

Adjustment рд╕рдВрдЧрддрддрд╛ рд╕рдорд╛рдпреЛрдЬрди

рд╣рдо 4.0 рдореЗрдВ рдкрджрд╛рд╡рдирдд рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рд╣рдЯрд╛ рджреЗрдВрдЧреЗред рдЙрд╕ рд╕рдордп рдЖрдк рдкрд░рд┐рддреНрдпрдХреНрдд рд╡рд┐рдзрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░ рдкрд╛рдПрдВрдЧреЗред рдпрджрд┐ рдЖрдк рдЕрдкрдиреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рдирд╡реАрдирддрдо 3.x рдореЗрдВ рдЕрдкрдЧреНрд░реЗрдб рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЖрдкрдХреЛ рдХрдВрд╕реЛрд▓ рдореЗрдВ antd рд╕реЗ рдЪреЗрддрд╛рд╡рдиреА рд╕рдВрджреЗрд╢ рджрд┐рдЦрд╛рдИ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИ, рддреЛ рдЖрдкрдХрд╛ 4.0 рдкрд░ рдЕрдкрдЧреНрд░реЗрдб рднреА рдирд┐рд░реНрдмрд╛рдз рд╣реЛ рдЬрд╛рдПрдЧрд╛ред 3.x рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд▓рд┐рдП, рд╣рдо 4.0 рд░рд┐рд▓реАрдЬрд╝ рдХреЗ рдмрд╛рдж рднреА рдЫрд╣ рдорд╣реАрдиреЗ рдХреЗ рдЕрддрд┐рд░рд┐рдХреНрдд рд░рдЦрд░рдЦрд╛рд╡ рдХрд╛рд░реНрдп рдХрд░реЗрдВрдЧреЗред

рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдЕрдкрдЧреНрд░реЗрдб рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЕрдкреНрд░рдЪрд▓рд┐рдд рдПрдкреАрдЖрдИ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдзрд┐рдХ рдКрд░реНрдЬрд╛ рд╣реИред рд╣рдо рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╕рдВрдХреНрд░рдордг рдХреА рд╕рд╣рд╛рдпрддрд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдиреБрдХреВрд▓рддрд╛ рдкреИрдХреЗрдЬ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ рдЬрдм рд╣рдо 4.0 рдЬрд╛рд░реА рдХрд░рддреЗ рд╣реИрдВ (рд╕рдВрдмрдВрдзрд┐рдд рдПрдкреАрдЖрдИ рдЕрднреА рднреА рдбрд┐рдЬрд╛рдЗрди рдХреЗ рддрд╣рдд рд╣реИ рдФрд░ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рдЬрд╛рд░реА рд╣реЛрдиреЗ рдкрд░ рдЕрд▓рдЧ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ):

import Compatible from '@ant-design/compatible';

// It works, but will warning in console
const Demo = () => (
  <Compatible>
    <YourApp />
  </Compatible>
);

3.0 рд░рдЦрд░рдЦрд╛рд╡ рдХрд╛рд░реНрдп рдмрдВрдж рд╣реЛрдиреЗ рддрдХ рд╕рдВрдЧрддрддрд╛ рдкреИрдХ рднреА рдЕрдкрдбреЗрдЯ рд░рд╣реЗрдЧрд╛ред

рд░рд┐рдПрдХреНрдЯ рдПрдкреАрдЖрдИ рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ

рд╣рдо рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рд░рд┐рдПрдХреНрдЯ 15 рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рд╕рдорд░реНрдерди рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╕реЗ, рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдирд╣реАрдВ рд╣реИ (рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 15 рдХрд╛ рдЕрдВрдХ рд╕рдВрдЦреНрдпрд╛ 0% рдХреЗ рдХрд░реАрдм рд╣реИ)ред рдХреНрдпреЛрдВрдХрд┐ React рдореЗрдВ рд╣реА рдмрд╣реБрдд рдордЬрдмреВрдд рд╕рдВрдЧрддрддрд╛ рд╣реИред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 15 рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╣рдо рд╡рд┐рдХрд╛рд╕ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди рдирдП рдПрдкреАрдЖрдИ рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╣реБрдд рд╕рд╛рд╡рдзрд╛рди рд╣реИрдВред рд╕рдВрд╕реНрдХрд░рдг 4.0 рдХреЗ рдмрд╛рдж, рд╣рдо рд╡рд┐рдХрд╛рд╕ рдХреЗ рд▓рд┐рдП рдмреЗрдВрдЪрдорд╛рд░реНрдХ рдХреЗ рд░реВрдк рдореЗрдВ рдирд╡реАрдирддрдо рд░рд┐рдПрдХреНрдЯ рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВрдЧреЗ:

  • рд╕рдВрдмрдВрдзрд┐рдд рдШрдЯрдХреЛрдВ рдХреЗ рд╣реБрдХ рд╕рдВрд╕реНрдХрд░рдг рдкреНрд░рджрд╛рди рдХрд░реЗрдВ
  • рд╕рдорд╡рд░реНрддреА рдореЛрдб рдХрд╛ рд╕рдорд░реНрдерди рдХрд░реЗрдВ (рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ, рддреИрдпрд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдФрд░ рдЪреАрдЬреЗрдВ рд╣реИрдВ, рдФрд░ 4.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЬрд╛рд░реА рд░рд╣реЗрдЧрд╛ред)
  • рдЖрд▓рд┐рдВрдЧрди рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 17 (рд╡рд╛рд╣! ~)

IE9 / 10 рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдиреЗ IE рдХреЗ рдкреБрд░рд╛рдиреЗ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде рд╕рдВрдЧрдд рд╣реЛрдиреЗ

рдЕрдиреНрдп рд╕рдВрдЧрддрддрд╛ рд╕рдорд╛рдпреЛрдЬрди

  • 2.x рд╕реЗ рдХрдо 3.x рдкрд░ рдЕрдкрдЧреНрд░реЗрдб рдХрд░реЗрдВ
  • рдЖрдЗрдХрди рдЙрдкрдпреЛрдЧ рдкрд░рд┐рд╡рд░реНрддрди
  • рдЕрдкреНрд░рдЪрд▓рд┐рдд рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░реЗрдВ

Volume рд╡реЙрд▓реНрдпреВрдо рдХрдо рдХрд░реЗрдВ

рдЖрдЗрдХрди рдЖрдХрд╛рд░ рдСрдкреНрдЯрд┐рдорд╛рдЗрдЬрд╝ рдХрд░реЗрдВ

[email protected] , рд╣рдордиреЗ svg рдЖрдЗрдХрди рдкреЗрд╢ рдХрд┐рдпрд╛ ( рдХреНрдпреЛрдВ svg рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ? )ред рд╕реНрдЯреНрд░рд┐рдВрдЧ рдирд╛рдордХрд░рдг рдХреЗ рд╕рд╛рде рдЖрдЗрдХрди рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдкреАрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрд╕ рдбрд┐рдЬрд╛рдЗрди рдХреЗ рддрд╣рдд, рд╣рдо рдорд╛рдВрдЧ рдкрд░ рд▓реЛрдб рдирд╣реАрдВ рдХрд░ рд╕рдХрддреЗред рдЗрд╕рд▓рд┐рдП, рд╣рдо рдкреВрд░реА рддрд░рд╣ рд╕реЗ svg рдЖрдЗрдХрди рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рдкреЗрд╢ рдХрд░рддреЗ рд╣реИрдВ, рдЬреЛ рдкреИрдХ рдХрд┐рдП рдЧрдП рдЙрддреНрдкрд╛рдж рдХреЗ рдЖрдХрд╛рд░ рдХреЛ рдмрд╣реБрдд рдмрдврд╝рд╛рддрд╛ рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рд╡реЙрд▓реНрдпреВрдо рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реЗрдВрдЧреЗред

рдЖрдЗрдХрди рдЙрдкрдпреЛрдЧ рдХрд╛ рдкреБрд░рд╛рдирд╛ рд╕рдВрд╕реНрдХрд░рдг рдЕрдкреНрд░рдЪрд▓рд┐рдд рд╣реЛрдЧрд╛:

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0 рдореЗрдВ, рдСрди-рдбрд┐рдорд╛рдВрдб рдкрд░рд┐рдЪрдп рдкрджреНрдзрддрд┐ рдЕрдкрдирд╛рдИ рдЬрд╛рдПрдЧреА:

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

рдЖрдк рдЕрднреА рднреА рдЙрдкрд░реЛрдХреНрдд рд╕рдВрдЧрдд рд╡рд┐рдзрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЬрд╛рд░реА рд░рдЦ рдкрд╛рдПрдВрдЧреЗред

Draft.js рдирд┐рдХрд╛рд▓реЗрдВ

рд╣рдордиреЗ рдбреНрд░реЙрдк-рдбрд╛рдЙрди рдкреНрд░реЙрдореНрдкреНрдЯ рдкреЛрдЬреАрд╢рдирд┐рдВрдЧ рдлрдВрдХреНрд╢рди рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП Draft.js рдХреЛ рдореЗрдВрд╢рди рдШрдЯрдХ рдореЗрдВ рдкреЗрд╢ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рд╣рдордиреЗ рдХреЗрд╡рд▓ рдЗрд╕рдХреЗ рдлрд╝рдВрдХреНрд╢рди рдХреЗ рдПрдХ рдЫреЛрдЯреЗ рд╣рд┐рд╕реНрд╕реЗ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ред рд▓рд╛рдЧрдд рдкреНрд░рджрд░реНрд╢рди рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ, рдпрд╣ рдереЛрдбрд╝рд╛ рдмреЗрдХрд╛рд░ рд▓рдЧрддрд╛ рд╣реИред рд╣рдо 4.0 рдореЗрдВ рдЙрд╕ рдкрд░ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рд╣рдЯрд╛рдиреЗ рдФрд░ рд╣рд▓реНрдХреЗ рд╡рдЬрди рд╕рдорд╛рдзрд╛рди рдкрд░ рд╕реНрд╡рд┐рдЪ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рдЙрд╕реА рд╕рдордп, 3.0 рдореЗрдВ рдореЗрдВрд╢рди рдШрдЯрдХреЛрдВ рдХреЛ рдЕрд▓рдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рд╣рдо рдПрдкреАрдЖрдИ рд╕рдВрдШрд░реНрд╖реЛрдВ рдХреЛ рд░реЛрдХрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдирдпрд╛ рдШрдЯрдХ Mentions рдкреНрд░рджрд╛рди рдХрд░реЗрдВрдЧреЗред рдЗрд╕реА рдкреНрд░рдХрд╛рд░, рдпрд╣ рдЙрдкрд░реЛрдХреНрдд рд╕рдВрдЧрдд рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЗ рдирд┐рд░рдВрддрд░ рдЙрдкрдпреЛрдЧ рдХрд╛ рднреА рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ:

// Follow Code will not work
import { Mention } from 'antd';

const Demo = () => (
  <Mention />
);
// Added `Mentions` in 4.0
import { Mentions } from 'antd';

const Demo = () => (
  <Mentions />
);

ЁЯзн рдкреНрд░рджрд░реНрд╢рди рдЕрдиреБрдХреВрд▓рди

рд░рдЦрд░рдЦрд╛рд╡ рдХреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди, рд╣рдореЗрдВ рдмрдбрд╝реЗ рдбреЗрдЯрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХрдИ рдкреНрд░рджрд░реНрд╢рди рдЪрд░реНрдЪрд╛рдПрдБ рдорд┐рд▓реАрдВред рдЗрд╕рдХреЗ рд▓рд┐рдП, рд╣рдо рдкреНрд░рджрд░реНрд╢рди рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рднреА рдмрдирд╛рддреЗ рд╣реИрдВред

рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓

рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдЕрдиреБрдХреВрд▓рди рд╡рд┐рдзрд┐ рд╣реИ, рд▓реЗрдХрд┐рди рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдореЗрдВ рдПрдиреАрдореЗрд╢рди рдкреНрд░рднрд╛рд╡реЛрдВ рдХреЗ рдХрд╛рд░рдг, рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдирд╛ рдЗрддрдирд╛ рдЖрд╕рд╛рди рдирд╣реАрдВ рд╣реИред рдЕрдм, рд╣рдо рдореВрд▓ рд░реВрдк рд╕реЗ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдХреЗ рд╕рд╛рде рдШрдЯрдХреЛрдВ рдореЗрдВ рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рдмреЗрд╢рдХ, рд╣рдо рдЧрд╛рд░рдВрдЯреА рдирд╣реАрдВ рджреЗрддреЗ рд╣реИрдВ рдХрд┐ 4.0 рдЬрд╛рд░реА рд╣реЛрдиреЗ рдкрд░ рд╕рднреА рдШрдЯрдХреЛрдВ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдФрд░ рдЕрдкрдбреЗрдЯ рд╣реЛрдирд╛ рдЬрд╛рд░реА рд░рд╣реЗрдЧрд╛ред

рдПрдиреАрдореЗрд╢рди рдореЗрдВ рд╕реБрдзрд╛рд░

рдЕрддреАрдд рдореЗрдВ, рд╣рдордиреЗ рдПрдирд┐рдореЗрд╢рди рдХреЛ рд╕рдВрд╕рд╛рдзрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рд╣реИрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ред рдЬреНрдпрд╛рджрд╛рддрд░ рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ рдореЗрдВ, рдпрд╣ рдХрд╛рдлреА рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рдЗрд╕реЗ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВ, рд╣реИрдХ рджреГрд╖реНрдЯрд┐рдХреЛрдг рдХреЛ рдЕрдзрд┐рдХ рд░рд┐рдПрдХреНрдЯ рд░реЛрдб рдкрд░ рдЫреЛрдбрд╝ рджреЗрддреЗ рд╣реИрдВред рд╕рдорд╛рдпреЛрдЬрди рдХреЛ рдЪреБрдкрдЪрд╛рдк рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рдЖрдкрдХреЛ рдЗрд╕рдореЗрдВ рдХреЛрдИ рдмрджрд▓рд╛рд╡ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред

ЁЯзй рдШрдЯрдХреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ

3.0 рдореЗрдВ, рд╣рдордиреЗ рдХрдИ рдШрдЯрдХреЛрдВ рдХреЛ рдЬреЛрдбрд╝рдирд╛ рдЬрд╛рд░реА рд░рдЦрд╛ рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рдЬрд╛рд░реА рд░рдЦреЗрдВрдЧреЗред рдЗрди рдШрдЯрдХреЛрдВ рдХреЛ рд╣рдорд╛рд░реЗ рд╡реНрдпрд╛рд╡рд╕рд╛рдпрд┐рдХ рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ, рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдкреНрд░реЛ рдФрд░ рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рд╕реЗ рдкрд░рд┐рд╖реНрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рдпрд╣ рдПрдХ рд╕рддрдд рдкреНрд░рдХреНрд░рд┐рдпрд╛ рд╣реИред рдирдП рдШрдЯрдХреЛрдВ рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреА рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди 3.0 рдХреЗ рд╕рдорд╛рди рд╣реИред рд╣рдо рд╕рдВрдмрдВрдзрд┐рдд рдШрдЯрдХреЛрдВ рдХреЗ рдбрд┐рдЬрд╛рдЗрди рдбреНрд░рд╛рдлреНрдЯ рдЬрдорд╛ рдХрд░реЗрдВрдЧреЗ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдкреАрдЖрд░ рдореЗрдВ рдкреНрд░рджрд░реНрд╢рд┐рдд рдХрд░реЗрдВрдЧреЗ рдФрд░ рдЙрдиреНрд╣реЗрдВ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рдХреЗ рд╕рд╛рде рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗред рд╡рд┐рдХрд╛рд╕ рдкреВрд░рд╛ рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж, рдЙрдиреНрд╣реЗрдВ рдорд╛рд╕рд┐рдХ рд▓рдШреБ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рд╡рд┐рдХрд╛рд╕ рдФрд░ рдмрд╛рддрдЪреАрдд рдХреА рд╕реБрдЧрдорддрд╛ рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдкреНрд░рдореБрдЦ рдШрдЯрдХреЛрдВ рдХреЛ рд░рд┐рдлреИрдХреНрдЯ рдХрд░рдиреЗ рдХреА рднреА рддреИрдпрд╛рд░реА рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдЗрд╕рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рддрдХ рд╕реАрдорд┐рдд рдирд╣реАрдВ рд╣реИ:

рд░реВрдк рдШрдЯрдХ

рдкреНрд░рдкрддреНрд░ рдШрдЯрдХреЛрдВ рдХреЗ рджрд░реНрд╢рдХ рдмрд╣реБрдд рдмрдбрд╝реЗ рд╣реИрдВ, рдФрд░ рд╣рдордиреЗ рдмреЛрдЭрд┐рд▓ рд░реВрдк рдПрдкреАрдЖрдИ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕рдореБрджрд╛рдп рдХреА рд╢рд┐рдХрд╛рдпрддреЛрдВ рдкрд░ рднреА рдЧреМрд░ рдХрд┐рдпрд╛ рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рд╡рд┐рдХрд╛рд╕ рд▓рд╛рдЧрдд рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░ рдПрдкреАрдЖрдИ рд░реВрдкреЛрдВ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдХреА рдЙрдореНрдореАрдж рдХрд░рддреЗ рд╣реИрдВ:

  • рдлрд╝реЙрд░реНрдо рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдбреЗрдЯрд╛ рдлрд╝реАрд▓реНрдб рдХреЛ рдПрдХрддреНрд░рд┐рдд рдХрд░реЗрдЧрд╛, рдФрд░ рдЖрдкрдХреЛ Form.create() рдорд╛рдзреНрдпрдо рд╕реЗ рд╕рдВрджрд░реНрдн рдмрдирд╛рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред
  • Fom.Item рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдкреНрд░рдкрддреНрд░ рдлрд╝реАрд▓реНрдб рдХреЛ рдПрдХрддреНрд░рд┐рдд рдХрд░реЗрдЧрд╛, рдЖрдкрдХреЛ getFieldDecorator рдорд╛рдзреНрдпрдо рд╕реЗ рдлрд╝реАрд▓реНрдб рдХреЛ рдмрд╛рдЗрдВрдб рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред
  • Form.Item рдХрд╛ рдорд╛рди рд╣рдореЗрд╢рд╛ рдмрдирд╛рдП рд░рдЦрд╛ рдЬрд╛рдПрдЧрд╛, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рд╕рддреНрдпрд╛рдкрди рдлрд╝рдВрдХреНрд╢рди рдХреЗрд╡рд▓ рддрднреА рдкреНрд░рднрд╛рд╡реА рд╣реЛрдЧрд╛ рдЬрдм рдлреЙрд░реНрдо рдЖрдЗрдЯрдо рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛ред
const Demo = () => {
  const [form] = Form.useForm();

  const onFinish = () => {
    // Do something...
  };

  useEffect(() => {
    // Something like ajax call
    form.setFieldsValue({
      username: 'light',
    });
  }, []);

  return (
    <Form form={form} onFinish={onFinish}>
      <Form.Item name="username" rules={[{ required: true }]}>
        <Input />
      </Form.Item>
    </Form>
  );
}

рд╡рд╛рд╕реНрддрд╡рд┐рдХ рджреГрд╢реНрдп рдореЗрдВ, рд╣рдордиреЗ рдорд▓реНрдЯреА-рдлреЙрд░реНрдо рд▓рд┐рдВрдХреЗрдЬ (рд╡рд┐рд╕реНрддреГрдд рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдореЗрдВ рд╕рд╛рдорд╛рдиреНрдп) рдХреЗ рджреГрд╢реНрдп рдХрд╛ рд╕рд╛рдордирд╛ рдХрд┐рдпрд╛ред рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рд╣рдо рд░реВрдкреЛрдВ рдХреЗ рдмреАрдЪ рд╕рдВрдмрдВрдз рдХрд╛ рдХрд╛рд░реНрдп рднреА рдкреНрд░рджрд╛рди рдХрд░реЗрдВрдЧреЗ:

const { useForm, createContext } = Form;
const FormContext = createContext();

const Demo = () => {
  return (
    <FormContext>
      <YourForm1 />
      <YourForm2 />
    </FormContext>
  );
};

рдЖрдк рдлрд╛рд░реНрдо рдХреА рдкреНрд░рдЧрддрд┐ рдХрд╛ рдкрд╛рд▓рди рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЬрд╛рдБрдЪ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рд╛рдЧрдд рдХрд░рддреЗ рд╣реИрдВ рдкреНрд░рдЧрддрд┐ ред

рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ

рдкрд┐рдЫрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рд╣рдореЗрдВ рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдорд┐рд▓реА рд╣реИред рд╣рдо рдЬрд╛рдирддреЗ рд╣реИрдВ рдХрд┐ рддрд╛рд▓рд┐рдХрд╛ рдХреЗ рд╡рд┐рд╕реНрддрд╛рд░ рдФрд░ рд╕реНрдХреНрд░реЙрд▓ рдЧреБрдгреЛрдВ рдиреЗ рдЕрддреАрдд рдореЗрдВ рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ рд╣реИред рдЗрд╕ рдмрд╛рд░, рд╣рдо рдЗрд╕ рдХреНрд╖реЗрддреНрд░ рдореЗрдВ рд╕рдВрдШрд░реНрд╖реЛрдВ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░реЗрдВрдЧреЗред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ рдХреЗ рдкреНрд░рджрд░реНрд╢рди рдХреЛ рдФрд░ рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░реЗрдВрдЧреЗред рдФрд░ рдХреБрдЫ рд╕рд░рд▓ рддрд╛рд▓рд┐рдХрд╛ рд▓реЗрдЖрдЙрдЯ рд╡рд┐рдзрд┐рдпреЛрдВ рдХрд╛ рдкрддрд╛ рд▓рдЧрд╛рдПрдВ:

const Demo = () => {
  return (
    <Table
      header={{
        templateAreas: `
          name    address     address
          name    building    no
        `,
        cells: [
          { key: 'name', title: 'Name' },
          { key: 'address', title: 'Address' },
          { key: 'building', title: 'Building' },
          { key: 'no', title: 'No' },
        ],
      }}
    />
  );
};

antd4-table

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рд╕рд╛рд░рд╛рдВрд╢ рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╛рд░рд╛рдВрд╢ рдкрд╛рдж рд▓реЗрдЦ рдЬреЛрдбрд╝рдиреЗ рдХреА рднреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред

рдбреЗрдЯрдкрд┐рдХрд░ рд░реЗрдбреЛрди

рдореМрдЬреВрджрд╛ DatePicker рдЕрдзрд┐рдХрд╛рдВрд╢ рдЬрд░реВрд░рддреЛрдВ рдХреЛ рдкреВрд░рд╛ рдХрд░ рдЪреБрдХрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдЪрд░реНрдЪрд╛ рд╕реЗ ред рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдЕрднреА рднреА рдЧрд╣рд░реА рдЦреБрджрд╛рдИ рдХрд░рдиреЗ рдХрд╛ рдЕрд╡рд╕рд░ рд╣реИред рд╣рдо рд╢реЗрд╖ рд╡рд░реНрд╖ рдХреЗ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдФрд░ рд╕рдВрдмрдВрдзрд┐рдд рд░реЗрдВрдЬ рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ ( рдЪрд░реНрдЪрд╛ ) рдХреЛ рдкреВрд░рд╛ рдХрд░реЗрдВрдЧреЗред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреА рд╕рдВрдЬреНрдЮрд╛рдирд╛рддреНрдордХ рд▓рд╛рдЧрдд рдХреЛ рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрдмрдВрдзрд┐рдд рддрд┐рдерд┐ рдФрд░ рд╕рдордп рдЪрдпрдирдХрд░реНрддрд╛рдУрдВ рдХреА рд╢реИрд▓реА рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░реЗрдВрдЧреЗред

ЁЯЪА рд▓рдЧрд╛рддрд╛рд░ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВ

рдЙрдкрд░реЛрдХреНрдд рд╕рд╛рдордЧреНрд░реА рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдХреБрдЫ рд╕рд╛рдордЧреНрд░реА рдХреЛ рдЕрджреНрдпрддрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЬрд╛рд░реА рд░рдЦрдиреЗ рдХреА рдпреЛрдЬрдирд╛ рднреА рдмрдирд╛рддреЗ рд╣реИрдВред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд╡рд┐рдХрд╛рд╕ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЕрдиреБрднрд╡ рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП 4.0 рдореЗрдВ рдЗрд╕рдХрд╛ рдкрд╛рд▓рди рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

ЁЯз╢ рд╕реБрдЧрдорддрд╛ рдЕрдиреБрднрд╡ рдореЗрдВ рд╕реБрдзрд╛рд░

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди 3.0 рдореЗрдВ рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдЕрдиреБрднрд╡ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдХрд╛ рдЕрднрд╛рд╡ рд╣реИред рдЗрд╕ рдХрд╛рд░рдг рд╕реЗ, рд╣рдо рд╕реНрдХреНрд░реАрди рд░реАрдбрд┐рдВрдЧ рдЕрдиреБрднрд╡ рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдШрдЯрдХ рд╕рдВрд░рдЪрдирд╛ рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдФрд░ рдЕрдзрд┐рдХ рдПрд░рд┐рдпрд╛ рдЯреИрдЧ рдЬреЛрдбрд╝рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рддреЗ рд╣реИрдВред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд╣рдо рдмреЗрд╣рддрд░ рдкреВрд░реНрдг рдХреАрдмреЛрд░реНрдб рдЗрдВрдЯрд░реИрдХреНрд╢рди рдЕрдиреБрднрд╡ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдореМрдЬреВрджрд╛ рдШрдЯрдХ рдХреАрдмреЛрд░реНрдб рдЗрдВрдЯрд░реИрдХреНрд╢рди рд╡рд┐рдзрд┐рдпреЛрдВ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреА рднреА рддреИрдпрд╛рд░реА рдХрд░ рд░рд╣реЗ рд╣реИрдВред

ЁЯОп рдбреЗрд╡рд▓рдкрд░ рдПрдкреАрдЖрдИ рд╡рд┐рд╢рд┐рд╖реНрдЯрддрд╛

рд╡рд┐рдХрд╛рд╕ рдХреЗ рдХреНрд░рдо рдореЗрдВ, рд╣рдордиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдХреБрдЫ рдПрдкреАрдЖрдИ рд╢реИрд▓рд┐рдпрд╛рдБ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдЕрд╕рдВрдЧрдд рдкреНрд░рддреАрдд рд╣реЛрдВрдЧреАред рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП, рдпрд╣ рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреНрдп рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП, рдпрд╣ рдореЗрдореЛрд░реА рд╕рдорд╕реНрдпрд╛рдУрдВ рдХрд╛ рдХрд╛рд░рдг рдмрди рд╕рдХрддрд╛ рд╣реИред

рдЗрд╕рд▓рд┐рдП рд╣рдо рдПрдХ рдорд╛рдирдХ рдирд╛рдордХрд░рдг рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдХреЛ рдПрдХ рд╕рд╛рде рд░рдЦреЗрдВрдЧреЗред рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдореМрдЬреВрджрд╛ рдПрдкреАрдЖрдИ рдФрд░ рдЙрдкрдпреБрдХреНрдд рдирд╛рдордХрд░рдг рд╕рдореНрдореЗрд▓рдиреЛрдВ рдХреА рдПрдХ рд╕реВрдЪреА рд╣реЛрдЧреАред рдирдИ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдЬреЛрдбрд╝рддреЗ рд╕рдордп, рдЙрдиреНрд╣реЗрдВ рдЗрд╕ рд╡рд┐рдирд┐рд░реНрджреЗрд╢ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдирд╛рдо рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛ред рддрд╛рдХрд┐ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдПрдкреАрдЖрдИ рдХреЗ рд╕рдВрднрд╛рд╡рд┐рдд рдЕрдВрддрд░ рд╕реЗ рдмрдЪрд╛ рдЬрд╛ рд╕рдХреЗред рдмреЗрд╢рдХ, рд╣рдо рдкреАрдЖрд░ рдореЗрдВ рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рдЫрд╛рддреНрд░реЛрдВ рд╕реЗ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд╛ рд╕реНрд╡рд╛рдЧрдд рдХрд░рддреЗ рд╣реИрдВред

Ct рд░рд┐рдПрдХреНрдЯ рд╕рдЦреНрдд рдореЛрдб

рдпрджрд┐ рдЖрдк atd рдШрдЯрдХ рдХреЗ рдмрд╛рд╣рд░ <React.StrictMode> рд▓рдкреЗрдЯрдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ atd рдШрдЯрдХ рд╕реЗ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдЪреЗрддрд╛рд╡рдиреА рд╕рдВрджреЗрд╢ рдорд┐рд▓реЗрдВрдЧреЗред рд╣рдордиреЗ 3.0 рдореЗрдВ рдХреБрдЫ рдШрдЯрдХреЛрдВ рдХреЗ рдЬреАрд╡рди рдЪрдХреНрд░ рдХреЗ рддрд░реАрдХреЛрдВ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд┐рдпрд╛ рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рдЬрд╛рд░реА рд░рдЦреЗрдВрдЧреЗред

ЁЯТб рдбреЗрд╡рд▓рдкрд░ рдЕрдиреБрднрд╡ рдореЗрдВ рд╕реБрдзрд╛рд░

рдкрд┐рдЫрд▓реА рд░рдЦрд░рдЦрд╛рд╡ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдореЗрдВ, рд╣рдордиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдХреБрдЫ рдореБрджреНрджреЗ рдЖрдЧреЗ рдФрд░ рдкреАрдЫреЗ рджрд┐рдЦрд╛рдИ рджреЗрдВрдЧреЗред рдХреБрдЫ рдЙрдкрдпреЛрдЧ рд╡рд┐рдирд┐рд░реНрджреЗрд╢реЛрдВ рдпрд╛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ рдореЗрдВ рдпреЗ рд╕рдорд╕реНрдпрд╛рдПрдБ рдЖрдо рд╣реИрдВред рдЗрд╕рдХреЗ рд▓рд┐рдП, рд╣рдордиреЗ рдпрд╣рд╛рдВ рд╕реБрдзрд╛рд░ рдХрд░рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ (рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ, 3.0 рдХреЗ рдмрд╛рдж рд╕реЗ, рд╣рдо рд╕реБрдзрд╛рд░ рдХрд░ рд░рд╣реЗ рд╣реИрдВ)ред рд╡рд┐рдХрд╛рд╕ рдХреЗ рдорд╛рд╣реМрд▓ рдореЗрдВ, рд╣рдо рдХреБрдЫ рдЕрдирдкреЗрдХреНрд╖рд┐рдд рд╕реНрдерд┐рддрд┐рдпреЛрдВ (рдЬреИрд╕реЗ рдХрд┐ рдЕрдорд╛рдиреНрдп рдореЛрдореЗрдВрдЯ рдСрдмреНрдЬреЗрдХреНрдЯреНрд╕, рдбреЛрдо рд╕рдВрд░рдЪрдирд╛ рдкрд░рд┐рд╡рд░реНрддрди рдЗрдирдкреБрдЯ рдкреНрд░реАрдлрд╝рд┐рдХреНрд╕ / рдПрдлрд┐рдХреНрд╕ рдЖрджрд┐ рдХреЗ рдЧрддрд┐рд╢реАрд▓ рд╕рдорд╛рдпреЛрдЬрди рдХреЗ рдХрд╛рд░рдг) рдХреЗ рд▓рд┐рдП рдХрдВрд╕реЛрд▓ рдореЗрдВ рд╕рдВрдХреЗрдд рдХрд░реЗрдВрдЧреЗред рд╣рдореЗрдВ рд╡рд┐рд╢реНрд╡рд╛рд╕ рд╣реИ рдХрд┐ рдХрдВрд╕реЛрд▓ рдкрд╣рд▓реА рдЬрдЧрд╣ рд╣реИ рдЬрдм рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХрд┐рд╕реА рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рддреЗ рд╕рдордп рдзреНрдпрд╛рди рджреЗрдВрдЧреЗ, рдФрд░ рдпрд╣рд╛рдВ рдЙрдЪрд┐рдд рд╕рдВрдХреЗрдд рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╢реАрдШреНрд░ рдкрддрд╛ рд▓рдЧрд╛рдиреЗ рдореЗрдВ рдорджрдж рдорд┐рд▓ рд╕рдХрддреА рд╣реИред рдЙрд╕реА рд╕рдордп, рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдЙрдкрдпреЛрдЧ рдпрд╛ рдкрд░рд┐рджреГрд╢реНрдпреЛрдВ рдХреЗ рд▓рд┐рдПред рд╣рдо рдЗрд╕реА рдШрдЯрдХ рдкреНрд░рд▓реЗрдЦрди рдореЗрдВ рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдкреНрд░рд╢реНрди рдкреНрд░рджрд╛рди рдХрд░реЗрдВрдЧреЗред рдкрд░рд┐рдпреЛрдЬрдирд╛ рд░рдЦрд░рдЦрд╛рд╡ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ, рд╣рдорд╛рд░реА рдКрд░реНрдЬрд╛ рдЙрдкрдпреЛрдЧ рдХреЗ рдореБрджреНрджреЗ рдкрд░ рд╡рд┐рд╕реНрддреГрдд рдЬрд╡рд╛рдм рджреЗрдиреЗ рдореЗрдВ рдЕрд╕рдорд░реНрде рд╣реИред рд▓реЗрдХрд┐рди рдпреЗ рдкреНрд░рд╢реНрди рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╣реИрдВ, рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдирд╡рд╛рдЧрдВрддреБрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП, рдЕрдХреНрд╕рд░ рдкреВрдЫреЗ рдЬрд╛рдиреЗ рд╡рд╛рд▓реЗ рдкреНрд░рд╢реНрди рдЦреЛрдЬ рд╕рдордп рдХреЛ рдмрдЪрд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдпрджрд┐ рдЖрдк рд░реБрдЪрд┐ рд░рдЦрддреЗ рд╣реИрдВ, рддреЛ рдбреЗрд╡рд▓рдкрд░ рдХреЗ рдЕрдиреБрднрд╡ рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХреЛрдВ рдХрд╛ рднреА рд╕реНрд╡рд╛рдЧрдд рд╣реИред

ЁЯР▒ рдбрд┐рдЬрд╛рдЗрди рдкрд░рд┐рд╕рдВрдкрддреНрддрд┐ рдкреНрд░рдмрдВрдзрди

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рди рдХреЗрд╡рд▓ рдШрдЯрдХ рдкреБрд╕реНрддрдХрд╛рд▓рдпреЛрдВ рдХрд╛ рдПрдХ рд╕реЗрдЯ рд╣реИ, рдмрд▓реНрдХрд┐ рдЗрд╕рдХреЗ рдкреАрдЫреЗ рдПрдХ рд╢рдХреНрддрд┐рд╢рд╛рд▓реА рдбрд┐рдЬрд╛рдЗрди рдкреНрд░рдгрд╛рд▓реА рднреА рд╣реИред 4.0 рдореЗрдВ, рд╣рдо рдбрд┐рдЬрд╝рд╛рдЗрдирд░ рдФрд░ рдЙрди рдЫрд╛рддреНрд░реЛрдВ рдХреА рд╕реБрд╡рд┐рдзрд╛ рдХреЗ рд▓рд┐рдП рдирд╡реАрдирддрдо рдбрд┐рдЬрд╝рд╛рдЗрди рд╕реЗ рд╕рдВрдмрдВрдзрд┐рдд рдкрд░рд┐рд╕рдВрдкрддреНрддрд┐рдпреЛрдВ (рд╕реНрдХреЗрдЪ рдШрдЯрдХ рдкреИрдХреЗрдЬ, рд░рд╕реЛрдИ рдЙрдкрдХрд░рдг рд╕реЗрдЯ, рдбрд┐рдЬрд╝рд╛рдЗрди рдЯреЛрдХрди, рдЖрджрд┐) рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░реЗрдВрдЧреЗ рдЬреЛ рдПрдХ рд╕рдВрджрд░реНрдн рдХреЗ рд░реВрдк рдореЗрдВ рдбрд┐рдЬрд╛рдЗрди рдореЗрдВ рд░реБрдЪрд┐ рд░рдЦрддреЗ рд╣реИрдВред рдореМрдЬреВрджрд╛ рдШрдЯрдХ рдбрд┐рдЬрд╛рдЗрди рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рднреА рджреГрд╢реНрдп рдкреНрд░рднрд╛рд╡реЛрдВ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рдЕрдиреБрднрд╡ рдХреЛ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдареАрдХ-рдареАрдХ рдмрдирд╛рдпрд╛ рдЬрд╛рдПрдЧрд╛ред

рд╕рдордп рдпреЛрдЬрдирд╛

рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╣рдорд╛рд░реА рдЕрдиреБрд╕реВрдЪреА рд╣реИ, рдЬрд┐рд╕рдореЗрдВ рдХреБрдЫ рдШрдЯрдХ рдЕрдкрдбреЗрдЯ рдЪрд▓ рд░рд╣реЗ рд╣реИрдВред рд╣рдо рдЬреАрдердм рдкрд░ рд╕рдВрдмрдВрдзрд┐рдд рдореБрджреНрджреЗ рдмрдирд╛рдПрдВрдЧреЗ, рдФрд░ рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХреЛрдВ рдХрд╛ рднреА рднрд╛рдЧ рд▓реЗрдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рд╛рдЧрдд рд╣реИ:

Q2

  • рдЖрд╡рд╢реНрдпрдХ рдкрджрд╛рд╡рдирдд рдПрдкреАрдЖрдИ рдХреЛ рдкрджрд╛рд╡рдирдд рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░реЗрдВ рдФрд░ рдЗрд╕реЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рд╕рд╛рдлрд╝ рдХрд░реЗрдВред
  • рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдШрдЯрдХ рдкрд╣рд▓реЗ рд╕реЗ рдЧрд░рдо рд╣реЛрддреЗ рд╣реИрдВред

Q3

  • Atd 4.0 рд╢рд╛рдЦрд╛ рдХреА рд╕реНрдерд╛рдкрдирд╛ рдХрд░реЗрдВ рдФрд░ рдкреНрд░рд▓реЗрдЦрди рдХреЛ рдЕрджреНрдпрддрди рдХрд░реЗрдВред
  • рдирд┐рдореНрди-рд╕реНрддрд░реАрдп рдШрдЯрдХ рд╡рд┐рдХрд╛рд╕ред

Q4

  • 4.0 рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд░реЗрдВред

рднрд╛рдЧ рд▓реЗрдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ

4.0 рд╡рд┐рдХрд╛рд╕ рдкреНрд░рдХреНрд░рд┐рдпрд╛ рдХреЗ рджреМрд░рд╛рди, рдЙрдкрд░реЛрдХреНрдд рд╕рд╛рдордЧреНрд░реА рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рд╕реНрд╡рд╛рдЧрдд рдпреЛрдЧреНрдп рдЫрд╛рддреНрд░реЛрдВ рдХреЛ рдмрд╣реБрдореВрд▓реНрдп рд╡рд┐рдЪрд╛рд░ рдФрд░ рд╕реБрдЭрд╛рд╡ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдЖрдЗрдП рд╣рдо рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди 4.0 рдХреЛ рдЕрдзрд┐рдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдФрд░ рдЙрдкрдпреЛрдЧ рдореЗрдВ рдЖрд╕рд╛рди рдмрдирд╛рдПрдВ!

4.x тЬи Announcement ЁЯХЩ Plan ЁЯЧг Discussion

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

15311

рдХреНрдпрд╛ рд╣рдо рд╕рдВрд╕реНрдХрд░рдг 4 рдореЗрдВ Moment.js рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВрдЧреЗ?

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

15311

рдХреНрдпрд╛ рд╣рдо рд╕рдВрд╕реНрдХрд░рдг 4 рдореЗрдВ Moment.js рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВрдЧреЗ?

рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИ, рдЙрдиреНрдирдпрди рдХреЗ рд▓рд┐рдП рдЗрдВрддрдЬрд╛рд░ рдирд╣реАрдВ рдХрд░ рд╕рдХрддрд╛

V4 рдЕрд▓реНрдлрд╛ рддреИрдпрд╛рд░

рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рд▓рдХреНрд╖реНрдп

  • [x] v4 рд╢рд╛рдЦрд╛
  • [x] рд╕рдВрдЧрдд рдкреИрдХреЗрдЬ
  • [x] рд╣рдЯрд╛рдП рдЧрдП рд╕рд╛рдордЧреНрд░реА рдХреЛ рд╣рдЯрд╛ рджреЗрдВ

    • [x] рдЙрд▓реНрд▓реЗрдЦ рдШрдЯрдХ

    • [x] рдиреНрдпреВ рдореЗрдВрд╢рди рдШрдЯрдХ # резремрелрейреи

    • [x] рдлрд╝реЙрд░реНрдо

    • [x] type # 12011 рд╡рд╛рд▓рд╛ рдЖрдЗрдХрди

    • [x] рдЕрдиреНрдп рдЕрдкрджрд╕реНрде рдЪреЗрддрд╛рд╡рдиреА рдкреНрд░реЙрдкреНрд╕ рдХреЗ рд╕рд╛рде

  • [x] рдХрдо v3
  • [рдПрдХреНрд╕] рдкреНрд░рджрд░реНрд╢рди

    • [x] rc-animate рдЕрдкрдЧреНрд░реЗрдб

    • [x] рд╕рдорд╡рд░реНрддреА рдореЛрдб рдХрд╛ рд╕рдорд░реНрдерди

    • [x] рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓ рдПрдиреАрдореЗрд╢рди рд╕рдкреЛрд░реНрдЯ

    • [x] рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓

    • [x] рдЖрд░ рд╕реА рдШрдЯрдХ

    • [x] рд╡реГрдХреНрд╖

    • [рдПрдХреНрд╕] рдХрд╛ рдЪрдпрди рдХрд░реЗрдВ

    • [x] рдЯреНрд░реАрд╕реЗрд▓реЗрдХреНрдЯ

    • [x] рдлрд╝реЙрд░реНрдо: https://github.com/react-component/form/pull/292

    • [x] рд╣реБрдХ рд╕рдВрд╕реНрдХрд░рдг рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ

    • [рдПрдХреНрд╕] рддрд╛рд▓рд┐рдХрд╛

    • [] рдЯреЗрдореНрдкрд▓реЗрдЯ

    • [x] expand & scroll рд╕рд╣-рдХрд╛рд░реНрдп рдХрд╛ рд╕рдорд░реНрдерди рдХрд░реЗрдВ

  • [x] рдирдП рдбрд┐рдЬрд╛рдЗрди рдХреЗ рд╕рд╛рде DatePicker

    • [x] рдИрдпрд░рдкрд┐рдХрд░

    • [x] рд░реЗрдВрдЬрдкрд┐рдХрд░.рдпрд┐рдпрд░рдкрд┐рдХрд░

    • [x] рд░реЗрдВрдЬрдкрд┐рдХрд░.рдореЙрдВрдЯрдкрд┐рдХрд░

    • [x] рд░реЗрдВрдЬрдкрд┐рдХрд░ред YearMonthPicker

    • [x] рд░реЗрдВрдЬрдкрд┐рдХрд░.рд╡реАрдХрдкрд┐рдХрд░

    • [x] рдЯрд╛рдЗрдордкрд┐рдХрд░.рд░рдВрдЧрдкрд┐рдХрд░

рд▓рдХреНрд╖реНрдп рдЬрд╛рд░реА рд░рдЦреЗрдВ

  • [] рд╕реБрд▓рднрддрд╛
  • [x] рдПрдкреАрдЖрдИ рдорд╛рдирдХ
  • [] React.StrictMode

рдпрд╣рд╛рдБ рдЪреАрдВрдЯреА 4 рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреБрдЫ рд╕реБрдЭрд╛рд╡ рджрд┐рдП рдЧрдП рд╣реИрдВ

рд▓рдЧрднрдЧ templateAreas

templateArea рд░рдирд╕ рдореЗрдВ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд╕реНрдЯреНрд░рд┐рдВрдЧ, рдпрд╣ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдЯрд╛рдЗрдкреЛ рдХреЗ рджреМрд░рд╛рди рдЕрд╕реНрдкрд╖реНрдЯреАрдХреГрдд рдкрд╛рд░реНрд╕рд┐рдВрдЧ рддреНрд░реБрдЯрд┐рдпреЛрдВ рдпрд╛ рдзреАрдореА рддреНрд░реБрдЯрд┐рдпреЛрдВ рдХрд╛ рдХрд╛рд░рдг рд╣реЛрдЧрд╛ред рдЯрд╛рдЗрдкрдЯрд╛рдЗрдо рдХреЗ рд▓рд┐рдП рд░рдирдЯрд╛рдЗрдо рдкрд╛рд░реНрд╕рд┐рдВрдЧ рднреА рдЕрдорд┐рддреНрд░ рд╣реИред рдХреНрдпрд╛ рдЪреАрдВрдЯреА рдЯреАрдо рдиреАрдЪреЗ рджрд┐рдП рдЧрдП рдкреНрд░рд╕реНрддрд╛рд╡ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдЧреА:

const columnTemplate = [
  ['name', 'address', 'adress'],
  ['name', 'building', 'no']
]

рдирд┐рд░реНрднрд░рддрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ

рдХреНрдпрд╛ рдЪреАрдВрдЯреА рдЯреАрдо moment рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рд╣рдЯрд╛рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдЧреА?

рдореЛрдореЗрдВрдЯ-рдПрдВрдб рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ рд▓рд┐рдП рдореЛрдореЗрдВрдЯ рдмрд╣реБрдд рдмрдбрд╝рд╛ рд╣реИ, рдХрдИ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореЛрдореЗрдВрдЯ рдкрд░ TimePicker рдФрд░ DatePicker рдкреНрд░реЙрдкреНрд╕ рд░рд┐рд▓реЗ рд╣реИрдВред рдпрд╣ рд╣рдореЗрдВ moment рдХреЛ date-fns рдпрд╛ рдЕрдиреНрдп рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╕реЗ рдмрджрд▓ рдирд╣реАрдВ рд╕рдХрддрд╛ рд╣реИ рдЬреЛ рдореЛрдореЗрдВрдЯ рд╕реЗ рдЫреЛрдЯрд╛ рд╣реИред

рдЖрдЗрдХрди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЬрд┐рд╕ рддрд░рд╣ рд╕реЗ Ant Icons рдХрд╛ рдЕрдм рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП, рд╡рд╣ рдирдпрд╛ рддрд░реАрдХрд╛ рдЬреЛ рдЖрдпрд╛рдд рдЖрдЗрдХрди рдХреЛ рдЬреЛрдбрд╝рддреЗ рд╕рдордп рдпрд╛ рдПрдХ рдЖрдЗрдХрди рдХреЛ рд╣рдЯрд╛рддреЗ рд╕рдордп рд╕рд╛рдорд╛рдиреНрдп рдмрдВрдбрд▓ рдЪрдВрдХ рдкрд░рд┐рд╡рд░реНрддрди рдХрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

рдЪреАрдВрдЯреА рдЯреАрдо, рдЪреАрдВрдЯреА рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рджреЛ рддрд░реАрдХреЗ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреА рд╣реИ:

  1. рд╕рднреА рдЖрдЗрдХрдиреЛрдВ рдХреЛ рдПрдХ jsfile рдореЗрдВ рдкреИрдХреЗрдЬ рдХрд░реЗрдВ, рдбреЗрд╡рд▓рдкрд░реНрд╕ рдкреВрд░реА рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ <script> рдЯреИрдЧ рдХрд╛ рдЖрдпрд╛рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ webpack рдореЗрдВ externals рд╕реЗрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
  2. рдирдпрд╛ рддрд░реАрдХрд╛ рдЬреЛ рдКрдкрд░ рдкреНрд░рд╕реНрддреБрдд рдХрд░рддрд╛ рд╣реИред

цИС чЪД ш┐Щ хп╣ рдПрдВрдЯ 4 ш┐Щ чЪД цИС

хЕ│ф║ОtemplateAreas

templateAreasхп╣ хп╣ хп╣ хп╣ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ хп╣ nt nt nt nt nt nt ntхп╣

const columnTemplate = [
  ['name', 'address', 'adress'],
  ['name', 'building', 'no']
]

хЕ│ф║О ф╛Эш╡Ц

чз╗щЩд чз╗щЩд цШпхРж хп╣ чЪД рдкрд▓ чз╗щЩд чз╗щЩд чз╗щЩд

рдкрд▓хп╣ф║ОхЙНчлпщб╣чЫоцЭецЧ╢хоЮхЬицШпхдкхдзф║Ж,х╕ВщЭвф╕КцЬЙшо╕хдЪхПпф╛ЫцЫ┐ф╗гчЪДх║У,ф╜ЖцШпTimePickerхТМDatePickerчЪДхПВцХ░ф╛Эш╡Цф║Ордкрд▓хп╣ш▒б,ш┐Щхп╝шЗ┤ф║ЖцИСф╗мц▓бхКЮц│Хф╜┐чФиdate-fnsф╕Аф║Ыdate-fns уАВуАВ рдХреНрд╖рдг

хЕ│ф║О хЫ╛цаЗ

цИСшодф╕║х╜УхЙНф╜┐чФирдЪреАрдВрдЯреАхЫ╛цаЗчЪДцЦ╣х╝Пф╕Нх║Фшпешвлх║Ях╝ГредцЦ░чЪДф╜┐чФицЦ╣х╝ПхЬицИСцЦ░хвЮцИЦшАЕхИащЩдф╕Аф╕кхЫ╛цаЗх╝ХчФичЪДцЧ╢хАЩ,хПпшГ╜ф╝Ъхп╝шЗ┤хЕмхЕ▒рд╣рд┐рд╕реНрд╕рд╛хПНхдНхПШцЫ┤ред

рдЪреАрдВрдЯреА хПпф╗е хПпф╗е хПпф╗е хПпф╗е хПпф╗е хПпф╗е хПпф╗е хПпф╗е хЫ╛цаЗ рдЪреАрдВрдЯреА хПпф╗е хПпф╗е

  1. цЙУхМЕцЙАцЬЙхЫ╛цаЗхИ░ф╕Аф╕кjsцЦЗф╗╢ф╕н,х╝АхПСшАЕщАЪш┐З<script>цаЗчн╛х╝ХчФихЕищГихЫ╛цаЗ,х╣╢ф╕ФхЬиWebpackф╕ншо╛ч╜оф╕║externals
  2. 4.0 ф╗Лч╗Н ф╗Лч╗Н чЪД ф╗Лч╗Н ф╗Лч╗Н ф╗Лч╗Н

рдЯреЗрдмрд▓ рдХреЗ рд▓рд┐рдП рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛? рдкреЗрдЬрд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рдХреБрдЫ рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдЕрдирдВрдд рддрд╛рд▓рд┐рдХрд╛ рдкрд╕рдВрдж рдХреА рдЬрд╛рддреА рд╣реИред
рдФрд░ 'рдЯрд┐рдкреНрдкрдгреА' 3.11 рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИ, рд╢рд╛рдпрдж рдЪреИрдЯрдмреЙрдХреНрд╕ рдФрд░ рдЪреИрдЯрдореИрд╕реЗрдЬ?

рдЯреЗрдмрд▓ рдХреЗ рд▓рд┐рдП рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛? рдкреЗрдЬрд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рдХреБрдЫ рдорд╛рдорд▓реЛрдВ рдореЗрдВ рдЕрдирдВрдд рддрд╛рд▓рд┐рдХрд╛ рдкрд╕рдВрдж рдХреА рдЬрд╛рддреА рд╣реИред
рдФрд░ 'рдЯрд┐рдкреНрдкрдгреА' 3.11 рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реИ, рд╢рд╛рдпрдж рдЪреИрдЯрдмреЙрдХреНрд╕ рдФрд░ рдЪреИрдЯрдореИрд╕реЗрдЬ?

UserInfo рд╢рд╛рдпрдж рдкреНрд░рд╛рдердорд┐рдХрддрд╛рдПрдВред

рд▓рдЧрднрдЧ templateAreas

рдореИрдВ рджреНрд╡рд┐-рдЖрдпрд╛рдореА рд╕рд░рдгрд┐рдпреЛрдВ рдХреЗ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рднреА рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реВрдВ
рдореИрдВ рджреНрд╡рд┐-рдЖрдпрд╛рдореА рд╕рд░рдгрд┐рдпреЛрдВ рдХреЗ рд╡рд╛рдХреНрдпрд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рднреА рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реВрдВред

TemplateAreas рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ, рдпрд╣рд╛рдБ рд╕реНрдереИрддрд┐рдХ рдЬрд╛рдБрдЪ рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реИ
рдпрд╣ рдЯреЗрдореНрдкреНрд▓реЗрдЯрдПрд░рд┐рдпрд╛ рдХреЗ рд▓рд┐рдП ts рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реБрдП рдПрдХ рдкреНрд░рдХрд╛рд░ рдХрд╛ рд╕реНрдереИрддрд┐рдХ рдЪреЗрдХ рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реИ

interface Cell<T extends string = string> {
  key: T;
  title: string;
}

interface Config<K extends string = string> {
  header: {
    templateAreas: ReadonlyArray<ReadonlyArray<K>>;
    cells: ReadonlyArray<Cell<K>>
  };
}


declare function check<T extends string>(config: Config<T>): void;

const config = {
  header: {
    templateAreas: [
      ['name', 'address', 'address'],
      ['name', 'building', 'error'],
    ],
    cells: [
      { key: "name", title: "Name" },
      { key: "address", title: "Address" },
      { key: "building", title: "Building" },
      { key: "no", title: "No" }
    ]
  }
} as const;

check(config);

рдЦреЗрд▓ рдХрд╛ рдореИрджрд╛рди

image

рдмрд╣реБрдд рдмрдврд╝рд┐рдпрд╛

15311

рдХреНрдпрд╛ рд╣рдо рд╕рдВрд╕реНрдХрд░рдг 4 рдореЗрдВ Moment.js рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВрдЧреЗ?

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ moment рд╕реЗ рджреВрд░ рдЬрд╛рдиреЗ рдХрд╛ рдореБрдЦреНрдп рдореБрджреНрджрд╛ locale s рдХреЗ рдЖрд╕рдкрд╛рд╕ рдХрд╛ рдкрд░рд┐рд╡рд░реНрддрди рд╣реИред https://github.com/ant-design/ant-design/issues/15311#issuecomment -478-81111

рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рдмреЗрд╣рддрд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ

4.0 рдХреЛ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд▓рдЧрд╛! рдореЗрд░реЗ рдкрд╛рд╕ рд╡рд┐рдЪрд╛рд░ рдХреЗ рд▓рд┐рдП рдиреАрдЪреЗ рдХреБрдЫ рд╕реБрдЭрд╛рд╡ рд╣реИрдВ, рдореБрдЭреЗ рдпрдХреАрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЕрдЧрд░ рд╡реЗ рдбрд┐рдЬрд╛рдЗрди рдкреИрдЯрд░реНрди рдореЗрдВ рдлрд┐рдЯ рд╣реЛрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЕрдиреБрдХреВрд▓рди рдХреНрд╖рдорддрд╛ рдХреЗ рд▓рд┐рдП рд╡реЗ рдореЗрд░реА рд░рд╛рдп рдореЗрдВ рдорд╣рд╛рди рд╣реЛрдВрдЧреЗред

  • <Table> рднреАрддрд░ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреА рдкреГрд╖реНрдарднреВрдорд┐ рд░рдВрдЧ рдХреЛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рдХреНрд╖рдо рд╣реЛрдиреЗ рдХреЗ рдирд╛рддреЗред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЙрд╕ рдкрдВрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдЙрдЬрд╛рдЧрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╛рд░рдВрдЧреА рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреЛ рд░рдВрдЧ рджреЗрдирд╛ред
  • рдмрдЯрди рдХреЗ рд░рдВрдЧ, рдЗрд╕ рдХреЗ рдЖрд╕рдкрд╛рд╕ рдХреЛрдИ рдкрд┐рдЫрд▓реА рдЪрд░реНрдЪрд╛ рдирд╣реАрдВ рдорд┐рд▓реАред рд▓реЗрдХрд┐рди рдпрд╣ рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рдРрд╕реА рд╣реА рдПрдкреАрдЖрдИ рдХреЗ рд▓рд┐рдП рд╕рдХреНрд╖рдо рд╣реЛрдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ <Tag color="red">RED<Tag /> рдмрдЯрди рдХреЗ рд▓рд┐рдП, рдЙрджрд╛рд╣рд░рдг рдХреЗ <Button color="red">Red Button<Button/> ред
  • рд╡рд┐рднрд┐рдиреНрди рдШрдЯрдХреЛрдВ рдХреЗ рднреАрддрд░ рдлрд╝реЙрдиреНрдЯ-рд╡рд┐рд╕реНрдордпрдХрд╛рд░реА 5.x рдЖрдЗрдХрди рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди, рдпрд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ рдХрд┐ рд╡реЗ рдЕрдиреНрдп рдЖрдЗрдХрди рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░реЗрдВрдЧреЗред рдореИрдВрдиреЗ рдореВрд▓ <Icon> рдШрдЯрдХ рдХреЗ рдмрдЬрд╛рдп FA рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рд╕рдВрд░реЗрдЦрдг рдХреЗ рд╕рд╛рде рдХреБрдЫ рдореБрджреНрджреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджрд┐рдпрд╛ рд╣реИред
  • <Pagination> рдШрдЯрдХ рд╕реАрдзреЗ рдкреЗрдЬреЛрдВ рдХреА рдорд╛рддреНрд░рд╛ рдХреА рдЖрдкреВрд░реНрддрд┐ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ, рдЙрдкрдпреЛрдЧ рдХрд╛ рдорд╛рдорд▓рд╛ рдпрд╣ рд╣реИ рдХрд┐ рдореЗрд░реЗ рдкрд╛рд╕ рдХреЗрд╡рд▓ рдЙрджрд╛рд╣рд░рдгреЛрдВ рдХреЗ рд▓рд┐рдП рдореЗрд░реЗ рдкрд╛рд╕ рдореМрдЬреВрдж рдкреГрд╖реНрдареЛрдВ рдФрд░ рд╡рд░реНрддрдорд╛рди рдкреГрд╖реНрда рдХреА рдорд╛рддреНрд░рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдкреНрд░рддреНрдпреЗрдХ рдкреГрд╖реНрда рдХреЗ рднреАрддрд░ рдХрд┐рддрдиреЗ рдЖрдЗрдЯрдо рдирд╣реАрдВ рд╣реИрдВред рдореБрдЭреЗ рдЗрд╕рд╕реЗ рдирд┐рдкрдЯрдиреЗ рдХрд╛ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рдорд┐рд▓рд╛ рд╣реИред

@orecus

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдЙрд╕ рдкрдВрдХреНрддрд┐ рдХреЗ рд▓рд┐рдП рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рдЙрдЬрд╛рдЧрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдирд╛рд░рдВрдЧреА рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рдкрдВрдХреНрддрд┐ рдХреЛ рд░рдВрдЧ рджреЗрдирд╛

рдореИрдВ рдЗрд╕ рдкрдВрдХреНрддрд┐ рдореЗрдВ рдПрдХ рд╡рд░реНрдЧ рд╕рдВрд▓рдЧреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП rowClassName рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВ рдФрд░ рдлрд┐рд░ рд╕реАрдПрд╕рдПрд╕ рдХреЗ рд╕рд╛рде рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╢реИрд▓реА рдХреЛ рдУрд╡рд░рд░рд╛рдЗрдб рдХрд░рддрд╛ рд╣реВрдВред

рдШрдЯрдХ рд╕реАрдзреЗ рдкреГрд╖реНрдареЛрдВ рдХреА рдорд╛рддреНрд░рд╛ рдХреА рдЖрдкреВрд░реНрддрд┐ рдХрд╛ рд╕рдорд░реНрдерди рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ

рдлрд░реНрдЬреА рдХреБрд▓ рдкрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдпрджрд┐ рдЖрдк 50 рдкреГрд╖реНрда рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ total = pageSize * 50 рдкрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рдЕрдЪреНрдЫреА рдЦрдмрд░ рд╣реИ is рдкреНрд░рджрд░реНрд╢рди рдкрд░ рдлреЛрдХрд╕ рджрд┐рдЦрд╛рдИ рджреЗ рд░рд╣рд╛ рд╣реИ рдФрд░ рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдХреБрдЫ рдШрдЯрдХ рдмрдбрд╝реА рдорд╛рддреНрд░рд╛ рдореЗрдВ рдбреЗрдЯрд╛ рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдпреЛрдЧреНрдп рдирд╣реАрдВ рд╣реИрдВред

рдЖрдк рд╡рд░реНрдЪреБрдЕрд▓ рд╕реНрдХреНрд░реЙрд▓ рдХреЛ рдХреИрд╕реЗ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ? react-window рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛?

рдХреНрдпрд╛ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рд▓рдХреНрд╖реНрдп рд╕реБрд╡рд┐рдзрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╛рдердорд┐рдХрддрд╛рдПрдВ рд╣реИрдВ?
рдореИрдВ рдЕрд▓реНрдлрд╛ рд╕реНрдЯреЗрдЬ рдореЗрдВ рд╡рд░реНрдЪреБрдЕрд▓ рд╕реЗрд▓реЗрдХреНрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдореИрдВ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдХреЗрд▓рд╛ рдирд╣реАрдВ рд╣реВрдВред

рдзрдиреНрдпрд╡рд╛рджред

рд╕реНрдЯреНрд░рд┐рдВрдЧ рдирд╛рдо рдорд╛рдВрдЧ рдкрд░ рд▓реЛрдб рдХреНрдпреЛрдВ рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛? рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ рдЖрд▓рд╕реА () рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди?

@faradaytrs
рд╣рд╛рдВ, рд▓реЗрдХрд┐рди рдпрд╣ webpack , рд╡рд┐рд╢рд┐рд╖реНрдЯ рдХрд╛рд░реНрдпреЛрдВ рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ

рджреЛ рд╕рдорд╕реНрдпрд╛рдПрдВ рдЕрдзрд┐рдХ рдкреНрд░рдореБрдЦ рд╣реИрдВ

  • /* webpackChunkName: "icons/icon-" */ webpack Magic Comments
  • рдЬреИрд╕рд╛ рдХрд┐ рдореВрд▓ рдиреЗ рдХрд╣рд╛, "рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдХрди рдореЗрдВ рдЖрдЗрдХрди рд╕рд╛рдордЧреНрд░реА рдХреЗ рдЕрддрд┐рд░рд┐рдХреНрдд рдЕрддрд┐рд░рд┐рдХреНрдд рд╡реЗрдмрдкреИрдХ рдореЙрдбреНрдпреВрд▓ рдЬрд╛рдирдХрд╛рд░реА рд╢рд╛рдорд┐рд▓ рд╣реИ"

рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░? # 4331 # 9363

рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреЛрдИ рд╡рд┐рдЪрд╛рд░? # 4331 # 9363

IMHO 4.0 рдХреЗ рд▓рд┐рдП рдпрд╣ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЛ рд╡реИрд╢реНрд╡рд┐рдХ рдирд╛рдо рдХреЗ рддрд╣рдд antdesign рд╢реИрд▓рд┐рдпреЛрдВ рдХрд╛ рджрд╛рдпрд░рд╛ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдВ (рдореЗрд░реА рдЯрд┐рдкреНрдкрдгреА рджреЗрдЦреЗрдВ https://github.com/ant-design/ant-design/issues/4331#issuecomment-3960478787)

рдЕрдЧрд▓реЗ рдореАрд▓ рдХреЗ рдкрддреНрдерд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реБрдирдХрд░ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд▓рдЧрд╛!

рдореЗрд░реА 2 рд╕реАрдЯреАред рдбреЙрдХреНрд╕ рдФрд░ рд╕реНрдЯреНрд░реАрдорд▓рд╛рдЗрдирд┐рдВрдЧ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ:

рдЕрдХреНрд╕рд░ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдбреЛрдо рддрддреНрд╡реЛрдВ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдкреНрд░реЙрдкреНрд╕ рд╣реЛрддреЗ рд╣реИрдВ, рдЬрд┐рдиреНрд╣реЗрдВ рджрд╕реНрддрд╛рд╡реЗрдЬ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ (IIRC рдХреБрдЫ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рдШрдЯрдХ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рджреНрд╡рд╛рд░рд╛ рдирд╣реАрдВ рдЙрдард╛рдП рдЧрдП рд╕рднреА рдкреНрд░реЙрдкреНрд╕ рдХреЛ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ)ред рдпрд╣ рдЙрдирдХреЗ рд▓рд┐рдП рдкреНрд░рд▓реЗрдЦрд┐рдд рд╣реЛрдиреЗ рдореЗрдВ рдмрд╣реБрдд рдорджрджрдЧрд╛рд░ рд╣реЛрдЧрд╛, рд▓рдХреНрд╖реНрдп рддрддреНрд╡ рджреНрд╡рд╛рд░рд╛ рд╕рдореВрд╣реАрдХреГрдд (рдореБрдЭреЗ рдПрдХ рд╕реЗ рдЕрдзрд┐рдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ): "рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рд╣рд╛рд░рд╛ рдХрдВрдЯреЗрдирд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ

"рдпрд╛" рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╕рд╣рд╛рд░рд╛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рддрддреНрд╡ ... "рдпрд╛" рдЕрдиреНрдп рд╕рднреА рдкреНрд░реЙрдкреНрд╕ рдкрд╛рд╕ рд╣реЛ рдЧрдП рд╣реИрдВ ... "ред рдЙрди рдкреНрд░реЙрдореНрдкреНрд╕ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╕реНрддреГрдд рд╡рд┐рд╡рд░рдг рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рдПрдордбреАрдПрди рдХреЗ рд▓рд┐рдП рд▓рд┐рдВрдХ рдкрд░реНрдпрд╛рдкреНрдд рд╣реЛ рд╕рдХрддреЗ рд╣реИрдВред

рдЗрд╕ рддрд░рд╣ рдХрд╛ рдмрджрд▓рд╛рд╡ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рднреА рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛, рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдЗрд╕ рд╕рдВрдмрдВрдз рдореЗрдВ рдЯреАрдПрд╕ рдкрд░рд┐рднрд╛рд╖рд╛ рдХреЛ рдЕрджреНрдпрддрд┐рдд рд░рдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдХрдард┐рди рдХрд╛рдо рд╣реИред

"рдбреЗрд╡рд▓рдкрд░ рдПрдкреАрдЖрдИ рдорд╛рдирдХ" рдореЗрдВ, рдЗрд╕реЗ рдкреНрд░рд▓реЗрдЦрд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП, рдФрд░ рдПрдХ рдирд┐рд░реНрдгрдп рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ рдХреМрди рд╕рд╛ рд╕рд╣рд╛рд░рд╛ рд╣рдореЗрд╢рд╛ рдкрд╛рд╕ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП (рдХреНрд▓рд╛рд╕рдиреЗрдо, рдЖрдИрдбреА?)ред

рдПрдХ рдФрд░ рд╕рд╡рд╛рд▓:

рдХреНрдпрд╛ рдЖрдк рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕реЗ рдЯрд╛рдЗрдк рдЯрд╛рдЗрдк рдкрд░рд┐рднрд╛рд╖рд╛рдУрдВ рдХреЗ рд╕рд╛рде рдЕрдзрд┐рдХ рдЯрд╛рдЗрдк (рдпрд╛ рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдЖрд░рд╕реА-рдШрдЯрдХ) рдХреЛ рджреЗрд╢реА рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛ рд░рд╣реЗ рд╣реИрдВ?

рдлреЙрд░реНрдорд┐рдХ рдХреА рддрд░рд╣ рдЖрд░рд╕реА-рдлреЙрд░реНрдо рдХреЛ рдХреБрдЫ рдФрд░ рд▓рдЪреАрд▓реЗ рд╕реЗ рдмрджрд▓рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред

рдЕрдиреБрд░рдХреНрд╖рдХреЛрдВ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╢реНрди:

рдореЗрд░реА рдЯреАрдо рдЪреАрдВрдЯреА рдХреЛ рдЖрдЬрд╝рдорд╛рдиреЗ рдореЗрдВ рджрд┐рд▓рдЪрд╕реНрдкреА рд░рдЦрддреА рд╣реИ, рд▓реЗрдХрд┐рди https://github.com/ant-design/ant-design/issues/11097 (Antd Less рд╡реИрд╢реНрд╡рд┐рдХ рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд▓реАрдХ рдмрдирд╛рддрд╛ рд╣реИ) рд╣рдореЗрдВ рд░реЛрдХ рд░рд╣рд╛ рд╣реИред рдКрдкрд░ рджрд┐рдпрд╛ рдЧрдпрд╛ рд░реЛрдбрдореИрдк рдХрд╣рддрд╛ рд╣реИ рдХрд┐ рдЪреАрдВрдЯреА LESS рд╕рдВрд╕реНрдХрд░рдг 3 рдореЗрдВ рдЬрд╛ рд░рд╣реА рд╣реЛрдЧреА, рдФрд░ рдореИрдВрдиреЗ рдкрдврд╝рд╛ рд╣реИ рдХрд┐ рд╡рд┐рдЪрд╛рд░рд╛рдзреАрди рдЕрд╕реБрд░рдХреНрд╖рд┐рдд, рдЕрд╕реНрд╡реАрдХреГрдд рдЗрдирд▓рд╛рдЗрди рдЬрд╛рд╡рд╛рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд╕реБрд╡рд┐рдзрд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ рдЕрдХреНрд╖рдо рд╣реИред рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдЪреАрдВрдЯреА рд╕рдВрд╕реНрдХрд░рдг 4 рдореЗрдВ рдЕрдм LESS рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реЛрдЧрд╛?

рди рдХреЗрд╡рд▓ IE9 / 10, рдмрд▓реНрдХрд┐ IE рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ,

рдУрд╣, рдпрд╣ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдкреНрд░рджреВрд╖рд┐рдд рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрддрдирд╛ рдЙрдкрдпреЛрдЧреА рд╣реЛрдЧрд╛ ( html , body , *::before , ...)

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХрд░рддреЗ рд╕рдордп рд╣рд┐рдВрдбреЛрд▓рд╛ рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╣рд┐рдВрдбреЛрд▓рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдмрд╣реБрдд рд╕рд╛рд░реА рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реЛрддреА рд╣реИрдВред рдпрд╣ рд╕рд┐рдлрд╛рд░рд┐рд╢ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдХреЛ рджреВрд╕рд░реЗ рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╕реЗ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдпреЛрдЧреНрдп рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИ

@cztflove рдЗрд╕ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ no message ЁЯШГ рд╣реИ, рдФрд░ рд╕рдореБрджрд╛рдп рдХрд╛ рдзреНрдпрд╛рди рдмрд╣реБрдд рдХрдо рд╣реИ, рдореБрдЭреЗ рдЗрд╕ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред

@ yoyo837 @ yoyo837 рдХрд╛ рдореБрдЦреНрдп рдШрдЯрдХ рдирдпрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдзреНрдпрд╛рди рдЕрдкреЗрдХреНрд╖рд╛рдХреГрдд рдХрдо рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ virtual list рдФрд░ ф╗┐iosш╛╣ч╝Шх╝╣цАз , рдЗрд╕ рдШрдЯрдХ рдХреЗ рдЖрдзрд╛рд░ рдкрд░, рдХреБрдЫ цЛЦцЛ╜ рдХрд╛рд░реНрдпреЛрдВ рдХрд╛ рдПрд╣рд╕рд╛рд╕ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ 37 рднрд╡рд┐рд╖реНрдп рдореЗрдВ рд╡рд┐рд╕реНрддрд╛рд░ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЬрдЧрд╣ рд╣реИ

рдХреНрдпрд╛ рд╣рдореЗрдВ рдПрдХ рд╕рд╛рд░реНрд╡рднреМрдорд┐рдХ рднрд╛рд╖рд╛ рдХреА рдУрд░ рдкрд▓рд╛рдпрди рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

рдореИрдВ рдХреНрд╖реЗрддреНрд░реАрдп рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдорд╛рдирддрд╛ рд╣реВрдВ рдФрд░ рдЙрдирдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рддрд╛ рд╣реВрдВ, рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдореИрдВ рдПрдХ рджреЗрд╢реА рдЕрдВрдЧреНрд░реЗрдЬреА рд╡рдХреНрддрд╛ рднреА рдирд╣реАрдВ рд╣реВрдВред рджреЛрд╣рд░рд╛рд╡ рд╡рд╛рд▓реЗ 100 рд╢рдмреНрдж рд╣реИрдВ, рдпрд╛ рджреЛрд╣рд░реА рднрд╛рд╖рд╛ рдХреЗ рд╕рд╛рде рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рдХрд╣рдиреЗ рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░ рд╣реИ, рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдХрд╛рд░рдХ рд╕рдордп рд╕реЗ рдКрдкрд░ рд╣реИ, рдЪрд░реНрдЪрд╛ рдХрд┐рдП рдЧрдП рдЕрдиреБрд╡рд╛рджреЛрдВ рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдХрд░рдирд╛, рдкреНрд░рд▓реЗрдЦрди рдпрд╛ рдЯрдЯреНрд╕ рд╕реЗ рд╕реАрдЦрдирд╛ред рдбреЗрдореЛ рдЖрджрд┐

рдореБрдЭреЗ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рднрд╛рд╖рд╛ рд╕рдВрдШрд░реНрд╖ рдХреЗ рдХрд╛рд░рдг рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдХреА рдХрдореА рдирд╣реАрдВ рд╣реИ, рдлрд┐рд░ рднреА рд╣рдо рдореЗрдВ рд╕реЗ рд╕реИрдХрдбрд╝реЛрдВ рд▓реЛрдЧ рдЗрд╕рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реЛрдиреЗ рд╕реЗ рдбрд░рддреЗ рд╣реИрдВред рдЕрдиреБрд╡рд╛рдж рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрдИ рд╕реНрдкреНрд░рд┐рдВрдЯ, рдореБрджреНрджреЗ рдЪрд▓ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореЗрд░рд╛ рдЕрдиреБрд░реЛрдз рд╣реИ рдХрд┐ рд╣рдо рд╕рднреА рдХреЗ рдмреАрдЪ рд╕рдВрдЪрд╛рд░ рдХреА рдЦрд╛рдИ рдХреЛ рд▓рд┐рдП рдЗрд╕ рдкреНрд░рдореБрдЦ рд░рд┐рд▓реАрдЬ рдХреЗ рд╕рд╛рде рдПрдХ рд╕рд╛рд░реНрд╡рднреМрдорд┐рдХ рднрд╛рд╖рд╛ рдореЗрдВ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкрд▓рд╛рдпрди рдХрд░реЗрдВред

рдХреНрдпрд╛ рд╣рдореЗрдВ рдПрдХ рд╕рд╛рд░реНрд╡рднреМрдорд┐рдХ рднрд╛рд╖рд╛ рдХреА рдУрд░ рдкрд▓рд╛рдпрди рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП?

рдореИрдВ рдХреНрд╖реЗрддреНрд░реАрдп рднрд╛рд╖рд╛рдУрдВ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдорд╛рдирддрд╛ рд╣реВрдВ рдФрд░ рдЙрдирдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рддрд╛ рд╣реВрдВ, рдпрд╣рд╛рдВ рддрдХ тАЛтАЛрдХрд┐ рдореИрдВ рдПрдХ рджреЗрд╢реА рдЕрдВрдЧреНрд░реЗрдЬреА рд╡рдХреНрддрд╛ рднреА рдирд╣реАрдВ рд╣реВрдВред рджреЛрд╣рд░рд╛рд╡ рд╡рд╛рд▓реЗ 100 рд╢рдмреНрдж рд╣реИрдВ, рдпрд╛ рджреЛрд╣рд░реА рднрд╛рд╖рд╛ рдХреЗ рд╕рд╛рде рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдХрд╛рд░реНрдпреЛрдВ рдХреЛ рдХрд╣рдиреЗ рдХреЗ рд▓рд┐рдП рдмреЗрд╣рддрд░ рд╣реИ, рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдХрд╛рд░рдХ рд╕рдордп рд╕реЗ рдКрдкрд░ рд╣реИ, рдЪрд░реНрдЪрд╛ рдХрд┐рдП рдЧрдП рдЕрдиреБрд╡рд╛рджреЛрдВ рдХрд╛ рдЕрдиреБрд╡рд╛рдж рдХрд░рдирд╛, рдкреНрд░рд▓реЗрдЦрди рдпрд╛ рдЯрдЯреНрд╕ рд╕реЗ рд╕реАрдЦрдирд╛ред рдбреЗрдореЛ рдЖрджрд┐

рдореБрдЭреЗ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рднрд╛рд╖рд╛ рд╕рдВрдШрд░реНрд╖ рдХреЗ рдХрд╛рд░рдг рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдХреА рдХрдореА рдирд╣реАрдВ рд╣реИ, рдлрд┐рд░ рднреА рд╣рдо рдореЗрдВ рд╕реЗ рд╕реИрдХрдбрд╝реЛрдВ рд▓реЛрдЧ рдЗрд╕рдореЗрдВ рд╢рд╛рдорд┐рд▓ рд╣реЛрдиреЗ рд╕реЗ рдбрд░рддреЗ рд╣реИрдВред рдЕрдиреБрд╡рд╛рдж рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдХрдИ рд╕реНрдкреНрд░рд┐рдВрдЯ, рдореБрджреНрджреЗ рдЪрд▓ рд░рд╣реЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рдЬреЛ рдЕрдиреБрд░реЛрдз рдХрд░рддрд╛ рд╣реВрдВ, рд╡рд╣ рдЗрд╕ рд╕рд╛рд░реНрд╡рднреМрдорд┐рдХ рд░рд┐рд▓реАрдЬ рдХреЗ рд╕рд╛рде рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдкрд▓рд╛рдпрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╣реИред

шп┤х╛Ч хп╣, ф╕Ух┐Г шп┤ ф╕нцЦЗ хРз

рд░рдЦ-рд░рдЦрд╛рд╡ рдХреЗ рд▓рд┐рдП рдкреНрд░рд╢реНрди: рдХреНрдпрд╛ рдлреНрд▓рд╛рдЗрдЯ рдореЗрдВ рд░рдВрдЧ рдФрд░ рд╕реНрдЯрд╛рдЗрд▓ рдереАрдо рдмрджрд▓рдиреЗ рдХреЗ рд▓рд┐рдП CSS рд╡рд░реНрдЬрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рд╣реИ?

рдореИрдВрдиреЗ рдЕрднреНрдпрд╛рд╕ рдореЗрдВ рд╕реАрдЦрд╛ рдХрд┐ рдЪрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдШрдЯрдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдмрджрд▓рдирд╛ рдПрдХ рдмрд╣реБрдд рд╣реА рдЖрд░рд╛рдорджрд╛рдпрдХ рддрд░реАрдХрд╛ рд╣реИред рдореИрдВрдиреЗ var(--css-vars) рд╕рд╛рде рдХрдо рдЪрд░ рдХреЛ рдлрд┐рд░ рд╕реЗ рд▓рд┐рдЦрдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХреА, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рд╢реИрд▓реА рд╕рдВрдХрд▓рдиреЛрдВ рдкрд░ рдмрд╣реБрдд рд╕рд╛рд░реА рддреНрд░реБрдЯрд┐рдпрд╛рдВ рдкрдХрдбрд╝реАрдВ, рдмрд╣реБрдд рд╕рд╛рд░реА рд╢реИрд▓рд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЪрд░ рдХреЗ рд╕рд╛рде рдлрд╝рдВрдХреНрд╢рди рдФрд░ рд╕рдВрдЪрд╛рд▓рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ, рди рдХрд┐ рдХреЗрд╡рд▓ рдореВрд▓реНрдпреЛрдВ рдХреЗ рд╕рд╛рдеред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдмрдбрд╝рд╛ рдХрд╛рдо рд╣реИ рдФрд░ рдЗрд╕ рддрд░рд╣ рд╕реЗ рдмреНрд░реЗрдХрд┐рдВрдЧ рдкрд░рд┐рд╡рд░реНрддрди рд╣реЛрддреЗ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдмреНрд░реЗрдХрд┐рдВрдЧ рдмрджрд▓рд╛рд╡реЛрдВ рдХреЗ рд▓рд┐рдП рдкреНрд░рдореБрдЦ рд╕рдВрд╕реНрдХрд░рдгреЛрдВ рдиреЗ рдмрдирд╛рдпрд╛ рдерд╛ :) рдФрд░ рд╕реАрдПрд╕рдПрд╕ рд╡рд░реНрдЬрди рдШрдЯрдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЗ рдЕрдиреБрдХреВрд▓рди рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рд╕рд╛рд░реЗ рдЕрд╡рд╕рд░ рджреЗ рд╕рдХрддреЗ рд╣реИрдВред

рддреБрдо рдЙрд╕ рдмрд╛рд░реЗ рдореЗ рдХреНрдпрд╛ рд╕реЛрдЪрддреЗ рд╣реЛ? рдореИрдВрдиреЗ рд╕реАрдПрд╕рдПрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рд╕рд╛рде рд╡рд┐рд╖рдп рд╡рд┐рдХрд╕рд┐рдд рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рдИ рд╣реИ, рд╡реИрд╕реЗ рднреА рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдХреЗ рдХрд╛рд░рдг, рдЗрд╕ рд╕реБрд╡рд┐рдзрд╛ (рдЙрдбрд╝рд╛рди рдкрд░ рдереАрдо рдмрджрд▓рдиреЗ) рдХреЛ рдореЗрд░реА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдЖрд╡рд╢реНрдпрдХ рд╣реИред

рдХреНрд╖рдорд╛ рдХрд░реЗрдВ, рдпрджрд┐ рд╡рд╣ рд╕реБрдЭрд╛рд╡ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рдЕрдиреНрдп рдореБрджреНрджреЛрдВ рдФрд░ рдкреАрдЖрд░ рдореЗрдВ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреБрдЫ рдирд╣реАрдВ рдорд┐рд▓рд╛ред

@ Z3SA https://caniuse.com/#search = CSS% 20Variablesред рдпрд╣ рд╕рднреА IE рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, IE11 рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ рдмрд╣реБрдд рдХрдЯреНрдЯрд░рдкрдВрдереА рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рднреА рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реВрдВред

@ yoyo837 , рдореИрдВ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ IE рд╕рдорд░реНрдерди рд╕рдорд╕реНрдпрд╛рдУрдВ рдХрд╛ рдмрд╣реБрдд рдХрдЯреНрдЯрд░рдкрдВрдереА рдХрд╛рд░рдг рд╣реИред рд▓реЗрдХрд┐рди рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдХреЛ рдЗрд▓реЗрдХреНрдЯреНрд░реЙрди рдХрд╛ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдорд░реНрдерди (рдЬреИрд╕рд╛ рдХрд┐ рдПрдВрдЯреА.рдбреЗрд╕рд╛рдЗрди рдкрд░ рдмрддрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ) рднреА рд╣реИ (рдЕрд▓рдЧ рдордВрдЪ рдХреЗ рд░реВрдк рдореЗрдВ, рд╡реЗрдм рдирд╣реАрдВ)ред рдЗрд╕ рдорд╛рдорд▓реЗ рдХреЗ рд▓рд┐рдП рджреЛ рд╡рд┐рд╖рдп рдмрдирд╛рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ: рдПрдХ рдХрдо рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рде, рджреВрд╕рд░рд╛ рд╕реАрдПрд╕рдПрд╕ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рд╕рд╛рдеред рд▓реЗрдХрд┐рди рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдорд░реНрдерди рдХрд░рдирд╛ рдмрд╣реБрдд рдХрдард┐рди рд╣реИред

рдЗрд╕рд▓рд┐рдП, рдЕрдиреНрдп рд╕рдВрднрд╛рд╡рд┐рдд рд░рдгрдиреАрддрд┐ рдЬреЛ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ - рдХрдо рдореЗрдВ рд╕рднреА рдЕрдиреБрдХреВрд▓рди рдпреЛрдЧреНрдп рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдХрдо рд╕рдВрд╕реНрдХрд░рдг рдмрдирд╛рдПрдВ, рдпрд╛ рдХрд┐рд╕реА рднреА рдлрд╝рдВрдХреНрд╢рди рдФрд░ рд╕рдВрдЪрд╛рд▓рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрдо vars рдХреЗ рдЕрдВрддрд░реНрдЧрдд рдирд┐рдХрд╛рд▓реЗрдВ, рдЬрд┐рд╕реЗ рдХреЛрдИ рднреА рдбреЗрд╡рд▓рдкрд░ рдЕрдкрдиреЗ CSS var рдХреЗ рд▓рд┐рдП рдкреНрд░рд╡рд┐рд╖реНрдЯрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реИред рдпрд╛ рдЕрдЧрд░ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рд╕рд░рд▓ рдХрд╣реЗрдВ - рдХрдо рд╡рд░реНрдЬрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХреЗрд╡рд▓ рдореВрд▓реНрдп рдХрдВрдЯреЗрдирд░ рдХреЗ рд░реВрдк рдореЗрдВ рдХрд░реЗрдВ, рдХрд╛рд░реНрдпреЛрдВ рдФрд░ рд╕рдВрдЪрд╛рд▓рди рдХреЗ рд▓рд┐рдП рдирд╣реАрдВред

рдпрджрд┐ рдХреЗрд╡рд▓ рдкреНрд░рдореБрдЦ рдмреНрд░рд╛рдЙрдЬрд╝рд░реЛрдВ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдореЗрд░рд╛ рдорд╛рдирдирд╛ тАЛтАЛрд╣реИ рдХрд┐ рдХреЛрдб рдХрд╛ рдЖрдХрд╛рд░ рдЫреЛрдЯрд╛ рд╣реЛрдЧрд╛ рдФрд░ рдХреЛрдб рдХреЛ рдмрдирд╛рдП рд░рдЦрдирд╛ рдЖрд╕рд╛рди рд╣реЛрдЧрд╛ред

рди рдХреЗрд╡рд▓ IE9 / 10, рдмрд▓реНрдХрд┐ IE рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ,

@wanliyunyan рдмрд╣реБрдд рддреЛрдбрд╝рдирд╛ред рдХреБрдЫ рдбреЗрд╡рд▓рдкрд░ atd @ 3 рдкрд░ рдЪрд┐рдкрдХ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдпрд╣ рд╣рдорд╛рд░реЗ рд▓рд┐рдП рдЕрдЪреНрдЫреА рдмрд╛рдд рдирд╣реАрдВ рд╣реИред

@ Z3SA рдпрд╣ рдПрдХ рдмрд╣реБрдд рдмрдбрд╝рд╛ рдХрд╛рдо рд╣реЛрдЧрд╛ред

@dancerphil рд╕реМрднрд╛рдЧреНрдп рд╕реЗ, рдореИрдВ рдХреЗрд╡рд▓ рдЕрдкрдиреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рд▓рд┐рдП рдХреНрд░реЛрдо рдХреЗ рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░рддрд╛ рд╣реВрдВред ЁЯШГ рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЖрдХрд╛рд░ рдЬрд┐рддрдирд╛ рдЫреЛрдЯрд╛ рд╣реЛрдЧрд╛, рдЙрддрдирд╛ рдЕрдЪреНрдЫрд╛ рд╣реЛрдЧрд╛ред

@ yoyo837 рдореБрдЭреЗ рдкрддрд╛ рд╣реИред рдФрд░ рдореИрдВ рдЗрд╕реЗ рд╕реНрд╡рдпрдВ рдХрд░реВрдБрдЧрд╛ рдЕрдЧрд░ рдЗрд╕ рд╡рд┐рдЪрд╛рд░ рдХреЛ рдкрд░реНрдпрд╛рдкреНрдд рдзреНрдпрд╛рди рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХрд╛ред

рд╣рдо рдПрдХ рдРрд╕реА рдХрдВрдкрдиреА рд╣реИрдВ рдЬреЛ рдЕрд▓рдЧ-рдЕрд▓рдЧ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдзреАрд░реЗ-рдзреАрд░реЗ atd рдореЗрдВ рдкрд▓рд╛рдпрди рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗ; рд╣рд╛рд▓рд╛рдВрдХрд┐ рдЧреНрд▓реЛрдмрд▓ рд╕реНрдЯрд╛рдЗрд▓ рдХреА рдЪреАрдВрдЯреА рдХрд╛ рдЙрдкрдпреЛрдЧ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЬрдЯрд┐рд▓ рдмрдирд╛рддрд╛ рд╣реИред рдХреГрдкрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдкреНрд░рджреВрд╖рд┐рдд рдХрд░рдирд╛ рдмрдВрдж рдХрд░реЗрдВред

рдлреЙрд░реНрдо рд╕рдмрд╕реЗ рдЕрдзрд┐рдХ рдЙрдкрдпреЛрдЧ рдШрдЯрдХ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реИред рд╣рдо рджреЗрдЦрддреЗ рд╣реИрдВ рдХрд┐ рд╕рд╛рдорд╛рдЬрд┐рдХ рдХреЗ рдкрд╛рд╕ рдПрдкреАрдЖрдИ рдбрд┐рдЬрд╛рдЗрди рдкрд░ рдХрдИ рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдВ рд╣реИрдВред рд╣рдо 4.0 рдореЗрдВ рдПрдкреАрдЖрдИ рдХреЛ рд╕рд░рд▓ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ:

Fom.Item рдореЗрдВ рдлрд╝реАрд▓реНрдб рдмрд╛рдЗрдВрдб рд╢рд╛рдорд┐рд▓ рд╣реЛрдЧреАред

рдХреНрдпрд╛ рдпреЗ рдкрд░рд┐рд╡рд░реНрддрди рдЕрднреА рднреА рд╣рдореЗрдВ рдПрдХ рдФрдкрдЪрд╛рд░рд┐рдХ рдкреНрд░рд╕реНрддреБрддрд┐ рдШрдЯрдХ рдХреЗ рд░реВрдк рдореЗрдВ Form.Item рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдВрдЧреЗ? рдореБрдЭреЗ atd рдХреЗ рдШрдЯрдХ рдмрд╣реБрдд рдкрд╕рдВрдж рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рд░рд╛рдЬреНрдп рдкреНрд░рдмрдВрдзрди рдХреЗ рд▓рд┐рдП рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдЕрдВрддрд┐рдо-рдкреНрд░рдкрддреНрд░ рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВред рдореИрдВ рдлреЙрд░реНрдо рдХреА рд╢реИрд▓реА рдЪрд╛рд╣рддрд╛ рд╣реВрдВред рдпрд╣em, рдФрд░ рд░рд╛рдЬреНрдп-рдкреНрд░рдмрдВрдзрди рддрд░реНрдХ рдореЗрдВ рд╕реЗ рдХреЛрдИ рднреА рдирд╣реАрдВ рд╣реИред

рд╢рд╛рдЦрд╛ 4.0 рдмрдирд╛рдпрд╛ рдЧрдпрд╛ рд╣реИред рдореИрдВ рдХрдм рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рдХрд░ рд╕рдХрддрд╛ / рд╕рдХрддреА рд╣реВрдВ

рдирдпрд╛ рдлрд╛рд░реНрдо рдШрдЯрдХ рдХрдорд╛рд▓ рд╣реИ!

рдХреГрдкрдпрд╛jjs рдХреЛ dayjs рджреНрд╡рд╛рд░рд╛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ рдХреНрдпреЛрдВрдХрд┐ momentjs рд╡рд┐рд╢рд╛рд▓ рд╣реИ рдФрд░ рдмрдВрдбрд▓ рдЖрдХрд╛рд░ рднреА рд╡рд┐рд╢рд╛рд▓ рд╣реЛ рдЧрдпрд╛ рд╣реИред

рдХреНрдпрд╛ рдЕрдореАрд░ рдкрд╛рда рд╕рдВрдкрд╛рджрдХ рдХреЛ рд▓реЗрдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░рдиреЗ рдореЗрдВ рдХреЛрдИ рдХрдореА рд╣реИ?

рд░рд┐рд▓реАрдЬ рдХреА рддрд╛рд░реАрдЦ рдХреНрдпрд╛ рд╣реИ?

@rafaelodassi рдЕрднреА рддрдХ рдХреЛрдИ рдкреБрд╖реНрдЯрд┐ рддрд┐рдерд┐ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рд╢рд╛рдпрдж Q4 рдореЗрдВред

@babel/runtime@7 рдФрд░ core-js@3 рдЕрдкрдЧреНрд░реЗрдб рдХрд░рдирд╛ рднреА рд╣рдорд╛рд░реА рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рд╣реЛрдЧреАред

V3 рдирд╣реАрдВ? рдХреНрдпрд╛ core-js@4 рд▓рд┐рдП рдХреЛрдИ рдЦрдмрд░ рд╣реИ?

рд╣рд░ рдХреЛрдИ IE рд╕рдорд░реНрдерди рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╣рдЯрд╛рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░ рд░рд╣рд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЖрдВрдХрдбрд╝реЗ рдмрддрд╛рддреЗ рд╣реИрдВ рдХрд┐ рдпрд╣ рдореБрд╢реНрдХрд┐рд▓ рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрдВрдЯреНрд░рд╛рдиреЗрдЯ рдХреЗ рдкреАрдЫреЗ рд▓рд╛рдЦреЛрдВ рдХреЙрд░реНрдкреЛрд░реЗрдЯ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ рдЬреЛ рднреА рдЖрдБрдХрдбрд╝реЛрдВ рдореЗрдВ рдирд╣реАрдВ рдЖрддреЗ рд╣реИрдВ? рд╡реЗ рдХреЙрд░реНрдкреЛрд░реЗрдЯ рдиреАрддрд┐рдпреЛрдВ рдХреЗ рдХрд╛рд░рдг IE10 рдФрд░ IE11 рдХреЗ рд╕рд╛рде рдлрдВрд╕ рдЧрдП рд╣реИрдВред

рдЕрдЧрд░ рдореИрдВ IE11 рд╕рдорд░реНрдерди рдЧрд┐рд░рд╛ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рддреЛ рдореИрдВ atd @ 3 рдХреЗ рд╕рд╛рде

рдореИрдВ <Select/> рдорд╛рди рдХреЗ рд░реВрдк рдореЗрдВ рд╡рд╕реНрддреБрдУрдВ рдХреЗ рдЙрдкрдпреЛрдЧ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдкреАрдЖрдИ рд╢реБрд░реВ рдХрд░рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡ рджреВрдВрдЧрд╛ред
рдЬрд╛рдирдХрд╛рд░реА рдХреЗ рд▓рд┐рдП рдХреГрдкрдпрд╛ https://github.com/ant-design/ant-design/issues/13485 рджреЗрдЦреЗрдВ

cc @zombieJ

рдпрд╣ рдЕрдиреБрд╢рдВрд╕рд╛ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рдХрд╛ рдЕрдкрдирд╛ рдЕрдкрдбреЗрдЯ рд▓реЙрдЧ рд╣реЛред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдХрд┐ рдЖрдк рдЗрд╕реЗ рдЫрд┐рдкрд╛рдП рд░рдЦрддреЗ рд╣реИрдВ, рд╡реНрдпрдХреНрддрд┐рдЧрдд рд╕реБрдЭрд╛рд╡ ~

рдЬрдм рд░рд┐рд▓реАрдЬ рдпрд╛ рдЖрд░рд╕реА рд╕рдВрднрд╡ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ?

рдпрд╣ рдЕрдиреБрд╢рдВрд╕рд╛ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рдХрд╛ рдЕрдкрдирд╛ рдЕрдкрдбреЗрдЯ рд▓реЙрдЧ рд╣реЛред рдЗрд╕рд╕реЗ рдХреЛрдИ рдлрд░реНрдХ рдирд╣реАрдВ рдкрдбрд╝рддрд╛ рдХрд┐ рдЖрдк рдЗрд╕реЗ рдЫрд┐рдкрд╛рдП рд░рдЦрддреЗ рд╣реИрдВ, рд╡реНрдпрдХреНрддрд┐рдЧрдд рд╕реБрдЭрд╛рд╡ ~

рд╕рд╣рдордд рд╣реИрдВ, рдХрд┐ рдХреНрдпрд╛ рдкреНрд░рддреНрдпреЗрдХ рдШрдЯрдХ рдХреЗ рдкреНрд░рд▓реЗрдЦрди рдХреЛ рдХрд┐рд╕ рд╕рдВрд╕реНрдХрд░рдг рджреНрд╡рд╛рд░рд╛ рдЬреЛрдбрд╝рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдЕрдиреНрдпрдерд╛, рдЖрдк рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рдХреНрдпрд╛ рд╡рд░реНрддрдорд╛рди рд╕рдВрд╕реНрдХрд░рдг рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдФрд░ рдХреНрдпрд╛ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рдЕрджреНрдпрддрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдПред

рдЧрд┐рдЯрд╣реЙрдХ рдХреЗ рд╕рд╛рде рднреЗрдЬрд╛ рдЧрдпрд╛

@ fwh1990 @ jas0ncn @redclown
рдЕрдВрдЧреНрд░реЗрдЬреА pls рдкрд░)

рдЗрд╕реЗ рдЕрдВрдЧреНрд░реЗрдЬреА рдЪреИрдирд▓ рдХреЗ рд░реВрдк рдореЗрдВ рд░рдЦреЗрдВ, рдзрдиреНрдпрд╡рд╛рдж ~

4.0 рдЕрд▓реНрдлрд╛ рдкреНрд░рдХрд╛рд╢рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рдерд╛ред рд╡рд╣ рдЖрд╢реНрдЪрд░реНрдпрдЬрдирдХ рд╣реИред рдЪрд▓реЛ рднрд╛рдИред

рдЬрдм рдЖрдк рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдкреНрд░рдХрд╛рд╢рд┐рдд рдХрд░реЗрдВрдЧреЗ рддреЛ рдореИрдВ рдЕрдкрдиреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЛ рдлрд┐рд░ рд╕реЗ рддреИрдпрд╛рд░ рдХрд░реВрдБрдЧрд╛

antd рдХрд╛ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╡рд┐рд╖рдп рд╕реБрдВрджрд░ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рднреА рдмреЗрд╣рддрд░ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред
рдкрдардиреАрдпрддрд╛ рдХреЗ рд▓рд┐рдП, рдмрдврд╝рд╛рдпрд╛ рд╡рд┐рдкрд░реАрдд рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВ рдФрд░ рдмрдбрд╝реЗ рдкрд╛рда рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

рдмрд╣реБрдд рд╕рд╛рд░реЗ рд▓реЗрдЦ рдФрд░ рдЙрдкрдХрд░рдг рд╣реИрдВред
https://www.google.com/search?q=web+readability

antd v3 рд╕реЗ v4 рдкрд░ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкреНрд░рджрд╛рди рдХрд░рдирд╛ рдмреЗрд╣рддрд░ рд╣реИред

рдмрд┐рдЬрд╝ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ, рдпрд╣ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдлрд╝реЙрд░реНрдо рдШрдЯрдХ рдореМрдЬреВрдж рд╣реИрдВред рдкреНрд░рд╡рд╛рд╕ antd v3 рд╕реЗ v4 рдкрд░ рдХрдИ рдмрд╛рд░ рдЦрд░реНрдЪ рд╣реЛрдВрдЧреЗред

react-relay рдЯреАрдо рдиреЗ рдХреБрдЫ рдРрд╕рд╛ рд╣реА рдХрд┐рдпрд╛ рд╣реИред
рдпрджрд┐ рдЖрдк рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рд░рд┐рд▓реЗ v4 Realease рдореЗрдВ react-relay v3 рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдХрдИ рдлрд╝рд╛рдЗрд▓реЛрдВ рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред
рдЗрд╕рдХреЗ рдмрд╛рдж, рд╡реЗ рдорд╛рдЗрдЧреНрд░реЗрдЯрд┐рдВрдЧ рд╕реНрдХреНрд░рд┐рдкреНрдЯ рд▓рд┐рдЦрдиреЗ рдХреЗ рд▓рд┐рдП jscodeshift рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рддрд╛рдХрд┐ react-relay рдХрд╛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ react-relay v3 рд╕реЗ v4 рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдирд╛ рдЖрд╕рд╛рди рдХрд░ рд╕рдХреЗред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдХреБрдЫ рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рдЙрднрд╛рд░рдирд╛ рдореБрд╢реНрдХрд┐рд▓ рд╣реИред рддреЛ рдЕрдЧрд░ рдЙрд╕рдореЗрдВ рд╕реБрдзрд╛рд░ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛ рд╣реИ?

рдореИрдВ рд╡реНрдпрдХреНрддрд┐рдЧрдд рд░реВрдк рд╕реЗ CSS-in-JS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддрд╛ рд╣реВрдВ, рдпрд╣ рдмрд╣реБрдд рд▓рдЪреАрд▓рд╛ рд╣реИ рдФрд░ рдЕрд╡рд┐рд╢реНрд╡рд╕рдиреАрдп рд░реВрдк рд╕реЗ рд░рд┐рдПрдХреНрдЯ рдХреЗ рд╕рд╛рде рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдлрд┐рдЯ рд╣реИред

4.0 рдЕрд▓реНрдлрд╝рд╛ рдХреЗ рддрд╣рдд рд╡рд░реНрдЧ рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп, рдлреЙрд░реНрдо рдЗрдХрд╛рдИ рдкреНрд░рд╛рдкреНрдд рдирд╣реАрдВ рдХреА рдЬрд╛ рд╕рдХрддреА рд╣реИ, https://5d403395cd145c0008eea971--ant-design.netlify.com/compenders/form/v3-cn рдЗрд╕ рд▓рд┐рдВрдХ рдХреЗ рддрд╣рдд рдирдореВрдирд╛ рдХреЛрдб рд▓рд╛рдЧреВ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рдФрд░ рдлреЙрд░реНрдорд░реАрдл рдореЗрдВ рдХреЛрдИ рдЗрдХрд╛рдИ рдирд╣реАрдВ рд╣реИ рддрд░реАрдХрд╛

рдореЗрдВ рд╣рд▓ рдХрд┐рдпрд╛

@ Kwei9 , рдХреНрдпрд╛ рдЖрдк рдХрд┐рд╕реА рдореБрджреНрджреЗ рдХреЛ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрд▓рдЧреНрди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?рдореБрдЭреЗ рджреЗрдЦрдиреЗ рджреЛ

@ Kwei9 , рдХреНрдпрд╛ рдЖрдк рдХрд┐рд╕реА рдореБрджреНрджреЗ рдХреЛ рдЦреЛрд▓ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЗрд╕реЗ рдкреБрди: рдкреЗрд╢ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдВрд▓рдЧреНрди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?рдореБрдЭреЗ рджреЗрдЦрдиреЗ рджреЛ

рд░реЗрдлрд░реА рд▓реЗрдЦрди рдХреЛ рдЗрд╕ рд╕рдорд╛рдзрд╛рди рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдм рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЛ рд╕рдВрдмреЛрдзрд┐рдд рдХрд░рдиреЗ рдХрд╛ рд╕рдордп рд╣реЛрдЧрд╛! рдпрд╣ рдмрд╣реБрдд рдЕрдиреНрдп рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХреЗ рд╕рд╛рде atd рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐рдпрд╛ рдерд╛!

рдореЛрдореЗрдВрдЯ-рдЯреВ-рдПрдВрдб рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ рд▓рд┐рдП рдореЛрдореЗрдВрдЯ рдмрд╣реБрдд рдмрдбрд╝рд╛ рд╣реИ, рдХрдИ рд╡рд┐рдХрд▓реНрдк рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЯрд╛рдЗрдордкрд┐рдХрд░ рдФрд░ рдбреЗрдЯрдкреЗрдХрд░ рдХреЗ рдкреНрд░реЙрдкреНрд╕ рдореЛрдореЗрдВрдЯ рдХреЗ рд▓рд┐рдП рд░рд┐рд▓реЗ рд╣реИрдВред рдпрд╣ рд╣рдореЗрдВ рдкрд▓ рдХреА рдЬрдЧрд╣ рдирд╣реАрдВ рд▓реЗ рд╕рдХрддрд╛ ...

@ jas0ncn рд╣рд╛рдп, рдХреГрдкрдпрд╛ dayjs (2kb рд╡рд┐рдХрд▓реНрдк) рджреНрд╡рд╛рд░рд╛ рдХреНрд╖рдгреЛрдВ рдХреЛ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред рдпреЗ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд░рд┐рдкреНтАНрд▓реЗрд╕ рдореЛрдореЗрдВрдЯ.рдЬреЗрдПрд╕ рдЗрди рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди (рдПрдирдЯреАрдбреА) рдХреЗ рд╕рд╛рде Day.js https://github.com/iamkun/dayjs/issues/529 рдкрд░ рдкрд░реАрдХреНрд╖рдг рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдФрд░ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИред

рдбреЗрдЬ рдХреЗ рдПрдХ рдореБрдЦреНрдп рдЕрдиреБрдЪрд░ рдХреЗ рд░реВрдк рдореЗрдВ, рд╣рдо рдЗрд╕ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрди рдХреЗ рд╕рд╛рде рдХрд┐рд╕реА рднреА рдорджрдж рдХреА рдкреЗрд╢рдХрд╢ рдХрд░рдиреЗ рдХреЛ рддреИрдпрд╛рд░ рд╣реИрдВред

рдзрдиреНрдпрд╡рд╛рджред

Https://github.com/iamkun/dayjs/issues/529 уАВ s

рдкреБрд░рд╛рдиреЗ рдЖрдЗрдХрди рдЙрдкрдпреЛрдЧ рдХрд╛ рддрд░реАрдХрд╛ * рдкрджрд╛рд╡рдирдд * рд╣реЛрдЧрд╛:

import { Icon, Button } from 'antd';

const Demo = () => (
  <div>
    <Icon type="smile" />
    <Button icon="smile" />
  </div>
);

4.0 рдХреЗ рдмрдЬрд╛рдп рдЖрдпрд╛рдд рдПрдХрд▓ рдЪрд┐рд╣реНрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдЧрд╛:

// Directly import
import SmileOutline from 'antd/icons/SmileOutline';

// If tree-shaking supported
import { SmileOutline } from 'antd/icons';

const Demo = () => (
  <div>
    <SmileOutline />
    <Button icon={<SmileOutline />} />
  </div>
);

рдореЗрд░реЗ рдкрд╛рд╕ рдирдП рдЖрдЗрдХрди рд╕рдВрджрд░реНрдн рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╡рд┐рдЪрд╛рд░ рд╣реИред рдКрдкрд░ рджрд┐рдП рдЧрдП рдирдП рд▓реЗрдЦрди рдХреЗ рдХрд╛рд░рдг, рдкреНрд░рддреНрдпреЗрдХ рдЖрдЗрдХрди рдПрдХ рдЕрд▓рдЧ рдШрдЯрдХ рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИред рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, рдПрдХ рд▓реЛрдбрд┐рдВрдЧ рдЖрдЗрдХрди рдХреА рд╢реБрд░реВрдЖрдд рдЗрд╕ рддрд░рд╣ рджрд┐рдЦ рд╕рдХрддреА рд╣реИ:

import Loading from 'antd/icons/Loading';

<Loading />

рд▓реЗрдХрд┐рди рдЖрдорддреМрд░ рдкрд░, рдЖрдк рдПрдХ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд▓реЛрдбрд┐рдВрдЧ рдХрдВрдкреЛрдиреЗрдВрдЯ рдХреЛ рдЦреБрдж рд╣реА рдПрдирдХреИрдк рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдЕрддреАрдд рдореЗрдВ, <Icon /> рдкрддрд╛ рдерд╛ рдХрд┐ рдпрд╣ рдПрдХ рдирдЬрд╝рд░ рдореЗрдВ рдПрдХ рдЖрдЗрдХрди рдерд╛ред рдЕрдм рдЗрд╕рдореЗрдВ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдирд╛рдо рд╣реИрдВ рдФрд░ рдпрджрд┐ рдЖрдк рдЬрд╛рдирдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рддреЛ рдЖрдкрдХреЛ рдЖрдпрд╛рдд рдХреА рдЬрдЧрд╣ рдвреВрдВрдврдиреА рд╣реЛрдЧреАред
рдЬреИрд╕реЗ рдХрд┐:

<Title />
<Loading />
<Sun />  

рдкрд╣рд▓реА рдирдЬрд╝рд░ рдореЗрдВ, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рджреЛ рдХреЛ рдЖрдЗрдХрдиреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдирд╣реАрдВ рджреЗрдЦрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ (рдмреЗрд╢рдХ, рдЗрд╕рдХрд╛ рдХреЛрдб рдХреЗ рдЪрд▓рдиреЗ рдкрд░ рдХреЛрдИ рдкреНрд░рднрд╛рд╡ рдирд╣реАрдВ рд╣реИ)
рдпрджрд┐ рдЖрдк рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рд╢рдмреНрджреЛрдВ рдХреЛ рдмрджрд▓рддреЗ рд╣реИрдВ:

 import {Icon} from 'antd';
 import {Loading, Sun} from '@antd/icons';  

<Icon spec={Loading}  {...otherProps}/>
<Icon spec={Sun} />

рд░реЛрдЯреА рдХреА рдмрд╛рд╣рд░реА рдкрд░рдд рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ, рдпрд╣ рдкрд┐рдЫрд▓реЗ рдПрдХ рдХреЗ рд╕рдорд╛рди рджрд┐рдЦрддрд╛ рд╣реИ, рдФрд░ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдорд╛рдВрдЧ рдкрд░ рднреА рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ рдПрдХ рдЖрдЗрдХрди рдШрдЯрдХ рдХреЛ рдкреЗрд╢ рдХрд░рдиреЗ рд╕реЗ рдЬреНрдпрд╛рджрд╛ рдХреБрдЫ рдирд╣реАрдВ рд╣реИред
рдФрд░ рдЕрдЧрд░ рдХреБрдЫ рд╕рдореНрдореЗрд▓рдиреЛрдВ рдХреЛ рдкреВрд░рд╛ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛-рдкрд░рд┐рднрд╛рд╖рд┐рдд рдЖрдЗрдХрди рдХреЛ рдХрд▓реНрдкрдирд╛ рд╡рд┐рд╢реЗрд╖рддрд╛ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдкрд╛рд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдпрд╣ рдЕрдЧреНрд░рд┐рдо рдореЗрдВ рдмрд╣реБрдд рд╕рд╛рд░реЗ рдЖрдЗрдХрди рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рдиреЗ рд╡рд╛рд▓реЗ antd рдХреЗ рдмрд░рд╛рдмрд░ рд╣реИ, рд▓реЗрдХрд┐рди рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛-рдкрд░рд┐рднрд╛рд╖рд┐рдд рд╡рд╛рд▓реЗ рдмрд┐рд▓реНрдХреБрд▓ рдПрдХ рд╣реА рд╣реИрдВ ~ ~ ~ (рд╕рд┐рд░реНрдл рдмрд╛рдд ~)

ps: рдпрд╛ рдХреНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдЗрд╕ рддрд░рд╣ рдХрд╛ рд▓реЗрдЦрди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рд╕реЛрдЪрд╛ рдЧрдпрд╛ рд╣реИ рдпрд╛ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдирд╣реАрдВ рд╕реЛрдЪрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕рдореЗрдВ рдХреБрдЫ рд╕рдорд╕реНрдпрд╛рдПрдВ рд╣реИрдВ? ред ред ЁЯШВ
рдореИрдВрдиреЗ рдмрд╕ рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪрд╛ рдерд╛ред ред ред

@ppbl рдЖрдкрдХреЗ рд╡рд┐рдЪрд╛рд░ рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЗ рд╕рдорд╛рди рд╣реИ:

import Icon from '@antd/icons'; 
imoort { LoadingOutline } from '@antd/icons-svg';

<Icon component={LoadingOutline}  {...otherProps}/>

рдирдпрд╛ рдЪрд┐рд╣реНрди рднреА рдЗрд╕реА рддрд░рд╣ рдЙрддреНрдкрдиреНрди рд╣реЛрддрд╛ рд╣реИ, https://github.com/ant-design/ant-design-icons/blob/master/packages/icons-react/src/icons/AccountBook.tsx рджреЗрдЦреЗрдВ

рдХреНрдпрд╛ рд╣рдо рдЖрдИрдХреЙрди рдХреЗ рдЙрдкрд╕рд░реНрдЧ / рдкреНрд░рддреНрдпрдп рдХреЛ рдЖрдЗрдХреЙрди рдХреЗ рдирд╛рдо рд╕реЗ рдЬреЛрдбрд╝рдХрд░ рдЗрд╕ рд╕реНрдерд┐рддрд┐ рд╕реЗ рдмрдЪ рд╕рдХрддреЗ рд╣реИрдВ?

imoort { LoadingOutlineIcon } from '@antd/icons';

<LoadingOutlineIcon  {...otherProps}/>

рдХреГрдкрдпрд╛ рдмрдВрдбрд▓ рдЖрдХрд╛рд░ рдХреЛ рдХрдо рдХрд░рдиреЗ рдкрд░ рдХрд╛рдо рдХрд░реЗрдВ
https://github.com/ant-design/ant-design/issues/9419
рдЬрдм Button рдЖрдпрд╛рдд рдХрд░рдиреЗ рд╕реЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ 95kb рдЬреБрдбрд╝ рдЬрд╛рддрд╛ рд╣реИ - рдЬреЛ рдХрд┐ 2019 рдореЗрдВ рдмрд╕ рдЕрд╕реНрд╡реАрдХрд╛рд░реНрдп рд╣реИред 0

@vagusX рд╢рд╛рдпрдж рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд╛рдо рдереЛрдбрд╝рд╛ рд▓рдВрдмрд╛ рд╣реИ? рдореБрдЭреЗ рд╣рдореЗрд╢рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдирд╛рдо рд╕рдВрдХреНрд╖рд┐рдкреНрдд рд╣реИ рдФрд░ рдПрдХ рдЫреЛрдЯреЗ рдШрдЯрдХ рдпрд╛ рдЕрдкреЗрдХреНрд╖рд╛рдХреГрдд рдПрдХрд▓ рдШрдЯрдХ рдХреА рддрд░рд╣ рджрд┐рдЦрддрд╛ рд╣реИред рдпрджрд┐ рдирд╛рдо рдмрд╣реБрдд рд▓рдВрдмрд╛ рд╣реИ, рддреЛ рдпрд╣ рдПрдХ рдмрдбрд╝рд╛ рдШрдЯрдХ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП (рдмреЗрд╢рдХ рдпрд╣ рдПрдХ рдЧрд▓рдд рднрд╛рд╡рдирд╛ рд╣реИ ~ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ)ред ред ~

рдмреЗрд╢рдХ, рдЕрдЧрд░ рдореБрдЭреЗ рдкрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╕рд┐рд░реНрдл <Icon /> рдХреЛ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЖрдЗрдХрди рд╣реИ, рддреЛ рдореИрдВ рдЕрдкрдиреЗ рдЖрдк рд╕реЗ <Icon /> рдШрдЯрдХ рднреА рдмрдирд╛ рд╕рдХрддрд╛ рд╣реВрдВ рдФрд░ рдлрд┐рд░ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп atd рдЖрдЗрдХрди рдХреЛ рд▓рдкреЗрдЯ рд╕рдХрддрд╛ рд╣реВрдВред рдпрд╣ рдкреНрд░рднрд╛рд╡ рд╕рдорд╛рди рд╣реИред ~ рдореБрдЭреЗ рдмрд╕ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╡реЗ рд╕рднреА рдЖрдЗрдХрди рд╣реИрдВ, рдФрд░ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдмрд┐рдЦрд░реЗ рд╣реБрдП рдирд╛рдореЛрдВ рдХрд╛ рдПрдХ рдЧреБрдЪреНрдЫрд╛ рд╣реИред рдпрд╣ рдереЛрдбрд╝рд╛ рдЕрдЬреАрдм рд▓рдЧрддрд╛ рд╣реИред рдЕрдВрддрд░ рдпрд╣ рд╣реИ рдХрд┐ рдореБрдЭреЗ рдкрддрд╛ рдерд╛ рдХрд┐ рдпрд╣ рдкрд╣рд▓реЗ рдПрдХ рдЖрдЗрдХрди рдерд╛, рдФрд░ рддрдм рдореБрдЭреЗ рдкрддрд╛ рдерд╛ рдХрд┐ рдпрд╣ рдХрд┐рд╕ рдкреНрд░рдХрд╛рд░ рдХрд╛ рдерд╛ред рдЕрдм рдореИрдВ рдкрд╣рд▓реЗ рдкреНрд░рдХрд╛рд░ рдЬрд╛рдирддрд╛ рд╣реВрдВ, рдлрд┐рд░ рдкрддрд╛ рд╣реИ, рдУрд╣, рдпрд╣ рдПрдХ рдЖрдЗрдХрди рд╣реИред

@ avalanche1 рдЖрдк рдЗрд╕ pr https://github.com/ant-design/ant-design/pull/18217#issuecomment -520683838 рд╕реЗ рдмрдВрдбрд▓ рд╡рд┐рд╢реНрд▓реЗрд╖рдг рдкрд░рд┐рдгрд╛рдо рдкрд░ рдПрдХ рдирдЬрд╝рд░ рдбрд╛рд▓ рд╕рдХрддреЗ рд╣реИрдВ, рдФрд░ рдШрдЯрдХ рдХрд╛ рдЖрдХрд╛рд░ Button рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рдЧрд┐рд░рд╛рд╡рдЯ

рдЬрд╛рдирдХрд╛рд░ рдЕрдЪреНрдЫрд╛ рд▓рдЧрд╛ред рд▓реЗрдХрд┐рди рдЖрдкрдХреЗ рд╕реНрдХреНрд░реАрдирд╢реЙрдЯ рдкрд░ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рдЖрдХрд╛рд░ рдХрд╛ рдХреЛрдИ рд╕рдВрдХреЗрдд рдирд╣реАрдВ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рди рддреЛ рдкреБрд╖реНрдЯрд┐ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ рдФрд░ рди рд╣реА рдЕрд╕реНрд╡реАрдХреГрдд рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВред

рдореИрдВ рдирдП APIs рдХреЗ рд▓рд┐рдП рдлрд╝реЙрд░реНрдо рдХреЛ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдиреЗ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдкрд╛рдпрд╛ рдХрд┐ рдлрд╝реАрд▓реНрдб-рдлрд╝реЙрд░реНрдо рдХрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЕрд╕реНрдерд┐рд░ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдореИрдВ рдпрд╣ рдЬрд╛рдирдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдХреНрдпрд╛ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдЕрдм рдЗрди рдЗрдВрдЯрд░рдлреЗрд╕ рдХреЗ рд╕рд╛рде рдмреНрд░реЗрдХрд┐рдВрдЧ рдмрджрд▓рд╛рд╡ рдорд┐рд▓реЗрдЧрд╛ рдпрд╛ рдирд╣реАрдВред

@orzyyyy ,
atd рд╕рд╛рдорд╛рдЬрд┐рдХ рдФрд░ рдЖрдВрддрд░рд┐рдХ рд╕реНрд╡рдпрдВрд╕реЗрд╡рдХ рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 4.0-alpha.x рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд░рддреЗ рд╣реИрдВред рдпрджрд┐ рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рд╕реЗ рдХреЛрдИ рдирдХрд╛рд░рд╛рддреНрдордХ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдирд╣реАрдВ рд╣реИ, рддреЛ рдпрд╣ рдПрдкреАрдЖрдИ рд░рд┐рд▓реАрдЬ рдкрд░ рдЕрдВрддрд┐рдо рдПрдХ рд╣реЛрдЧрд╛ред

@ рд╣рд┐рдорд╕реНрдЦрд▓рди @ant-design/icons v4- рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЯреНрд░реА-рд╢реЗрдХрд┐рдВрдЧ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ, рдЗрд╕рд▓рд┐рдП рдмрдВрдбрд▓ рдЖрдХрд╛рд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдореЗрдВ рдХрд┐рддрдиреЗ рдЖрдЗрдХрдиреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдерд╛, рдХреНрдпрд╛ рдЖрдк antd рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдХрд┐ рдЖрдЗрдХрдиреЛрдВ рдХреЛ рдЖрдпрд╛рдд рдХрд░рддреЗ рд╣реИрдВ рдпрд╛ рдЖрдк @ant-design/icons рд╕реАрдзреЗ, рдЗрд╕рд▓рд┐рдП рд╢рд╛рдпрдж рдореИрдВ рдЗрд╕ рдмрд┐рдВрджреБ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдкрдХреА рдЪрд┐рдВрддрд╛ рдХреЛ рд╕рдордЭ рдирд╣реАрдВ рдкрд╛рдпрд╛ред

рдЬрдм рд╣рдо рдЕрдкрдиреА рдкреНрд░рд╛рд░рдВрднрд┐рдХ рдкреЛрд╕реНрдЯ рдмрдЯрди, рдХреИрд▓реЗрдВрдбрд░ рдФрд░ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдереЗ, рддреЛ рд╣рдо рдЖрдЗрдХрди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпреЛрдВ рдмрд╛рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ? https://github.com/ant-design/ant-design/issues/9419

DatePicker рдорд╛рди рдХреНрд╖рдг рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдХреНрдпрд╛ рдХреНрд╖рдг рд╣рдЯрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдЕрдЧрд░ рдореИрдВ рдЗрд╕рд╕реЗ рдЕрдкрдбреЗрдЯ рдХрд░рддрд╛ рд╣реВрдВ, рддреЛ рдореБрдЭреЗ рдкрд▓-рдкрд▓ рдореЗрдВ рдмрджрд▓рдирд╛ рд╣реЛрдЧрд╛

moment , рдпрд╣рд╛рдБ рдореЗрд░рд╛ рд╡рд┐рдЪрд╛рд░ рд╣реИред DatePicker рдЕрднреА рднреА рд╕рдВрдЧрддрддрд╛ рдЖрд╡рд╢реНрдпрдХрддрд╛ рдХреЗ рдмрд╛рдж рд╕реЗ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд░реВрдк рд╕реЗ moment рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдЕрдиреНрдп рдлрд╝рдВрдХреНрд╢рди рдХреЗ рд╕рд╛рде рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдлрд╝реИрдХреНрдЯрд░реА рдлрд╝рдВрдХреНрд╢рди рдкреНрд░рджрд╛рди рдХрд░рддрд╛ рд╣реИ:

import DatePicker, { createPicker } from 'antd/lib/date-picker';

import dayjs from 'dayjs';

const basicDemo = <DatePicker />

const MyDatePicker = createPicker(dayjs, {
  // Some proxy function, maybe can provided by default...
  format(dayObj, formatStr) {
    return ...;
  },
  parse(str, formatStr) {
    return ...;
  },
});

const dayDemo = <MyDatePicker />;

рдмрд╕ рд╕реЛрдЪрд╛, рдЪрд░реНрдЪрд╛ рдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИред

рдЕрдм рдкрд▓ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдХрд╛ рд╕рдордп рд╣реИред

  1. Moment.js рдЬрдЯрд┐рд▓ OOP API рд╣реЛрдиреЗ рдХреЗ рдХрд╛рд░рдг рдпрд╣ рдХрднреА рднреА рдкреЗрдбрд╝- рд╢рд╛рдХ рдУрд╡рд░рд╣реЗрдб рд╣реИ ред

  2. рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди v4 рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЯреВрдЯ рд░рд╣реЗ рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЗ рд╕рд╛рде рдПрдХ рдкреНрд░рдореБрдЦ рд░рд┐рд▓реАрдЬрд╝ рд╣реИред рдЕрдм рд╕рдордп рдЖ рдЧрдпрд╛ рд╣реИ!

  3. рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдХрд┐рд╕реА рдЕрдиреНрдп рдкреБрд╕реНрддрдХрд╛рд▓рдп рд╕реЗ рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рди рдХрд░реЗрдВред Antd рдЖрдВрддрд░рд┐рдХ рд░реВрдк рд╕реЗ dayjs рдпрд╛ date-fns рдХреБрдЫ рдЫреЛрдЯрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЗрд╕реЗ рдЕрдкрдиреЗ рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдореВрд▓ Date рдСрдмреНрдЬреЗрдХреНрдЯ рдпрд╛ рд╕реНрдЯреНрд░рд┐рдВрдЧреНрд╕ рдХреЛ рд╕реНрд╡реАрдХрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП ред

рд╣рд░ рдмрд╛рд░ рдЬрдм рдЖрдк moment() рдХреЙрд▓ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдПрдХ рдкрд┐рд▓реНрд▓рд╛ рдорд░ рдЬрд╛рддрд╛ рд╣реИ ред

:рдХреБрддреНрддрд╛:

@zombieJ рдпрд╣ рдЬрд╛рдирдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ рдХрд┐ рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ рдХреИрд╕реЗ рдкреНрд░рдЧрддрд┐ рдХрд░ рд░рд╣рд╛ рд╣реИред рдХреНрдпрд╛ рдХреЛрдИ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рд╕рдВрд╕реНрдХрд░рдг рдЙрдкрд▓рдмреНрдз рд╣реИ рдЬреИрд╕реЗ рдлреЙрд░реНрдо рдЙрдкрд▓рдмреНрдз рд╣реИ? рдореБрдЭреЗ рдХреБрд▓ рдорд┐рд▓рд╛рдХрд░ рдЦреВрди рдХреА рдЙрд▓реНрдЯреА рд╣реБрдИ

рдХреНрдпрд╛ рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдирдИ рддрд╛рд▓рд┐рдХрд╛ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рд╢рд╛рдорд┐рд▓ рд╣реИ? рдпрджрд┐ рд╣рд╛рдВ, рддреЛ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рд╡реЗрдмрд╕рд╛рдЗрдЯ рдореЗрдВ рдЗрд╕рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП?

рддрд╛рд▓рд┐рдХрд╛ рдХрддрд╛рд░ рдореЗрдВ рд╣реИ, рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореИрдВ рд╡рд░реНрдЪреБрдЕрд▓ рд╕реВрдЪреА рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ рдХреЗ рд╕рдорд░реНрдерди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреНрдпрд╛?

рдлреЙрд░реНрдо рдЗрдирд┐рд╢рд┐рдпрд▓рд╡рд▓реНрд╕ moment рд╕реЗрдЯ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВред https://github.com/react-component/field-form/blob/master/src/interface.ts#L7

рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдПрдХреНрд╕реЗрд▓ рдЬреИрд╕реЗ рдмрдбрд╝реЗ рдлреЙрд░реНрдо рдХреА рдкреНрд░рджрд░реНрд╢рди рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдлреЙрд░реНрдо рдПрдХ рдЕрдирд┐рдпрдВрддреНрд░рд┐рдд рд╕рдВрд╕реНрдХрд░рдг рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддрд╛ рд╣реИ

рдХрд┐рд╕реА рднреА рдореМрдХрд╛ рдЕрд▓реНрдлрд╛ рдкреНрд░рд▓реЗрдЦрди рдирд┐рдпрдорд┐рдд рдЪреАрдВрдЯреА рдкреНрд░рд▓реЗрдЦрди рд╕рд╛рдЗрдЯ рдХреЗ рд▓рд┐рдП рд▓реЗ рдЬрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ?

рдореЗрд░рд╛ рдирд┐рдпреЛрдХреНрддрд╛ рдиреЗрдЯрд▓рд╛рдЗрдЬрд╝ рдбреЛрдореЗрди рдХреЛ рдмреНрд▓реЙрдХ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рд▓реЛрдЧ рднреА рдРрд╕рд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдореЗрдиреВ рдФрд░ рдбреНрд░реЙрдкрдбрд╛рдЙрди рдкрд░ рдХреАрдмреЛрд░реНрдб рдСрдкрд░реЗрд╢рди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдареЛрд╕ рдпреЛрдЬрдирд╛?

рдХрд┐рд╕реА рднреА рдореМрдХрд╛ рдЕрд▓реНрдлрд╛ рдкреНрд░рд▓реЗрдЦрди рдирд┐рдпрдорд┐рдд рдЪреАрдВрдЯреА рдкреНрд░рд▓реЗрдЦрди рд╕рд╛рдЗрдЯ рдХреЗ рд▓рд┐рдП рд▓реЗ рдЬрд╛рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ?

рдореЗрд░рд╛ рдирд┐рдпреЛрдХреНрддрд╛ рдиреЗрдЯрд▓рд╛рдЗрдЬрд╝ рдбреЛрдореЗрди рдХреЛ рдмреНрд▓реЙрдХ рдХрд░рддрд╛ рд╣реИ рдФрд░ рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рд▓реЛрдЧ рднреА рдРрд╕рд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдХреНрдпреЛрдВ? рдЬрдмрд░рджрд╕реНрдд рд╣рдВрд╕реА

рдпрд╣ рдЖрд╢рд╛ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ рддрддреНрд╡ рддрд╛рд▓рд┐рдХрд╛ рдШрдЯрдХ рдХреЗ рд╕рдорд╛рди рд╣реЛрдЧрд╛ред рдкреНрд░рддреНрдпреЗрдХ рд╕реНрддрдВрдн рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдкрд╣рд▓реЗ рдПрдХ рдЪреМрдбрд╝рд╛рдИ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░реЗрдЧрд╛ред рдпрд╣ рд╕реБрдЭрд╛рд╡ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдХрд┐ рддрд╛рд▓рд┐рдХрд╛ рдХреЗ рд╣реЗрдбрд░ рд╡рд░реНрдг рдХреЛ рд▓рд╛рдЗрди-рдЪреЗрдВрдЬрд┐рдВрдЧ рдХреЗ рдмрдЬрд╛рдп рдиреНрдпреВрдирддрдо-рдЪреМрдбрд╝рд╛рдИ рдореЗрдВ рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рдПред рдпрд╣ рдЖрд╢рд╛ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рддрд╣ред рдФрд░ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рдВрд╕ рдХрд╛ рдПрдХ рд╕рд╛рде рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдпрд╣ рдЖрд╢рд╛ рдХреА рдЬрд╛рддреА рд╣реИ рдХрд┐ рдЬрдм рдХрдИ рд╡рд┐рдХрд▓реНрдк рдмрдирд╛рдП рдЬрд╛рдПрдВрдЧреЗ рддреЛ рдЯреНрд░реА-рд╢реЗрдкреНрдб рдЯреЗрдмрд▓ рдЯреНрд░реАрд╕реЗрд▓реЗрдЯ рд╕реЗ рд╕рдорд╛рди рд╣реЛ рдЬрд╛рдПрдЧреАред

рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ рдЯреЗрдмрд▓ рдШрдЯрдХ рддрддреНрд╡ рдХреЗ рдЯреЗрдмрд▓ рдШрдЯрдХ рдХреА рддрд░рд╣ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рдкреНрд░рддреНрдпреЗрдХ рдХреЙрд▓рдо рд╕реНрд╡рдЪрд╛рд▓рд┐рдд рд░реВрдк рд╕реЗ рдПрдХ рдЪреМрдбрд╝рд╛рдИ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХрд░рддрд╛ рд╣реИред рдпрд╣ рдЯреЗрдмрд▓ рд╣реЗрдб рдЪрд░рд┐рддреНрд░ рдХреЛ рдмрд┐рдирд╛ рд▓рдкреЗрдЯреЗ рд╣реБрдП рдиреНрдпреВрдирддрдо-рдЪреМрдбрд╝рд╛рдИ рдореЗрдВ рдмрджрд▓рдиреЗ рдХреА рд╕рд┐рдлрд╛рд░рд┐рд╢ рдХреА рдЧрдИ рд╣реИред рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рддрд╣ рдлрд╝рдВрдХреНрд╢рди рдФрд░ рд╕реНрдХреНрд░реЙрд▓рд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдПрдХ рд╣реА рд╕рдордп рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдЯреНрд░реА рдЯреЗрдмрд▓ рдХрдИ рдЪрдпрдиреЛрдВ рдореЗрдВ рд╣реИред , рдЯреНрд░реАрд╕реЗрд▓реЗрдЯ рдХреЗ рд╕рдорд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИ

рдХрд┐рд╕реА рднреА рдореМрдХрд╛ рд╣реИ рдХрд┐ v4 рдпрд╛ рд╢рд╛рдпрдж v5 рдХреЗ рд╕рд╛рде рдЖрдк рдЕрдиреБрдХреВрд▓рди рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдХреБрдЫ рдХрд░реЗрдВрдЧреЗ? MaterialUI рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдирд╛ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ рдЬреЛ рдЗрд╕реЗ рдЙрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рд▓рд┐рдП рдПрдХ рд╡рд┐рдХрд▓реНрдк рдмрдирд╛рддрд╛ рд╣реИ рдЬрд┐рд╕ рдкрд░ рдореИрдВ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рднрд▓реЗ рд╣реА рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдВрдЯреАрдбреА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкреВрд░реНрдг рд╣реИ рдЖрджрд┐ред
рдХреГрдкрдпрд╛, рдЕрдиреБрдХреВрд▓рди рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдмреЗрд╣рддрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреГрдкрдпрд╛ рдХрдо рдЫреЛрдбрд╝реЗрдВред

рдПрдХ рдПрдЬреЗрдВрд╕реА рдХреЛ рд╣рдорд╛рд░реЗ atd рд╡реЗрдм рдРрдк рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рджреЗрдиреЗ рдХреЗ рдмрд╛рдж, рдЙрдиреНрд╣реЛрдВрдиреЗ рдЧрдВрднреАрд░ рдкрд╣реБрдВрдЪ рд╕рдВрдмрдВрдзреА рдЦрд╛рдорд┐рдпреЛрдВ рдХреА рдкрд╣рдЪрд╛рди рдХреА рдФрд░ рд╣рдореЗрдВ рд╕рдмрд╕реЗ рдЦрд░рд╛рдм рдЧреНрд░реЗрдб рд╕рдВрднрд╡ рдорд┐рд▓рд╛ред рдореБрдЦреНрдп рдХрд╛рд░рдгреЛрдВ рдХреА рдЬрд╛рдВрдЪ рдХрд░рддреЗ рд╕рдордп, рдпрд╣ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдЖрд░рд╕реА-рдШрдЯрдХреЛрдВ рдХреЛ рдЙрдмрд╛рд▓рддрд╛ рд╣реИ:

  • рдЖрд░рд╕реА-рдЪрдпрди (рд╣рдореЗрдВ рдбрд╛рдЙрдирд╢рд┐рдлреНрдЯ рдХреЗ рд╕рд╛рде рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдирд╛ рдФрд░ рд╢реАрд░реНрд╖ рдкрд░ antd рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рдерд╛)
  • рдЖрд░рд╕реА-рдЯреИрдм (# 18798 рджреЗрдЦреЗрдВ)
  • рдФрд░ рд╢рд╛рдпрдж рдЕрдиреНрдп рд▓реЛрдЧ рдЬрд┐рдирдХрд╛ рд╣рдо рдЕрдм рддрдХ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ

рдХрд┐рддрдирд╛ рдмрдбрд╝рд╛ рдкреНрд░рд╢рд╛рд╕рди рдЖрд░рд╕реА-рдШрдЯрдХреЛрдВ рдкрд░ рд╣реИ рдФрд░ рдХреНрдпрд╛ рдЯреАрдо 4.0 рд░рд┐рд▓реАрдЬ рдХреЗ рд▓рд┐рдП рдЗрд╕реЗ рд╕рдордп рдкрд░ рдареАрдХ рдХрд░ рдкрд╛рдПрдЧреА? рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рд╣рдореЗрд╢рд╛ рдЕрдкреЗрдХреНрд╖рд╛рдХреГрдд рдХрдорддрд░ рд╣реЛ рдЬрд╛рдПрдЧреА, рд▓реЗрдХрд┐рди рд╕рдЪреНрдЪрд╛рдИ рдпрд╣ рд╣реИ рдХрд┐ рдЗрд╕реЗ рдЕрдирджреЗрдЦрд╛ рдХрд░рдирд╛ рдХрдард┐рди рд╣реЛрддрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдПрдВрдЯрд░рдкреНрд░рд╛рдЗрдЬ рдХрд╛рдиреВрдиреА рд░реВрдк рд╕реЗ рдХрд░реНрдордЪрд╛рд░рд┐рдпреЛрдВ / рдЧреНрд░рд╛рд╣рдХреЛрдВ рдХреЛ рд╕реБрд▓рдн рдРрдк рдореБрд╣реИрдпрд╛ рдХрд░рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдмрд╛рдзреНрдп рд╣реИрдВред

рдЖрдк рдореБрдЭреЗ рд╕реНрдХреНрд░реАрди рд░реАрдбрд░реНрд╕ рдХреЗ рд╕рд╛рде рдХреБрдЫ рднрд╛рд░реА рдкрд░реАрдХреНрд╖рдг рдФрд░ рд╕рд░реНрд╡рд╢реНрд░реЗрд╖реНрда рдкреНрд░рдерд╛рдУрдВ рдХреЗ рдЦрд┐рд▓рд╛рдл рдмреЗрдВрдЪрдорд╛рд░реНрдХрд┐рдВрдЧ рдореЗрдВ рдЧрд┐рди рд╕рдХрддреЗ рд╣реИрдВред

MaterialUI рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдирд╛ рдмрд╣реБрдд рдЖрд╕рд╛рди рд╣реИ

@murbanowicz рдЖрдк рд╡рд┐рд╕реНрддрд╛рд░ рд╕реЗ рдмрддрд╛ рд╕рдХрддрд╛ рд╣реИ? рдореИрдВ рдЙрддреНрд╕реБрдХ рд╣реВрдВ рдХрд┐ рдЖрдк рдРрд╕рд╛ рдХреНрдпреЛрдВ рд╕реЛрдЪрддреЗ рд╣реИрдВред

@abenhamdine рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ!
MUI рдореЗрдВ рдПрдХ ThemeProvider рдЬрд┐рд╕реЗ рдЖрдк рдЕрдкрдиреЗ рдРрдк рдореЗрдВ рд▓рдкреЗрдЯрддреЗ рд╣реИрдВ рдФрд░ рдЖрдк рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рджреНрд╡рд╛рд░рд╛ рдкреВрд░реЗ рд╡рд┐рд╖рдп рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЯрд╛рдЗрдк рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдЗрд╕рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИред

AntD рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ LESS рдпрд╛ SASS (рдХреБрдЫ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рд╕рд╛рде) рдХреЛ рдЧрдбрд╝рдмрдбрд╝ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рдЕрдиреНрдп deps рдЖрджрд┐ рдХреЛ рдмрдирд╛рдП рд░рдЦрдирд╛ рд╣реЛрдЧрд╛, рдЖрдкрдХреЛ рдЪрд░ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рдШрдЯрдХ рд╕реНрд░реЛрдд рд╕реЗ рдЧреБрдЬрд░рдирд╛ рд╣реЛрдЧрд╛ рдЬрд┐рд╕реЗ рдЖрдк рд╡рд┐рд╢рд┐рд╖реНрдЯ рдШрдЯрдХ рдЖрджрд┐ рдХреЗ рд▓рд┐рдП рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рдирдЯрд╛рдЗрдо рдореЗрдВ рдереАрдо рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рдХреЛрдИ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ рдЬреЛ MUI рдХреЗ рд╕рд╛рде рдЗрддрдирд╛ рдЖрд╕рд╛рди рд╣реИ, рдмрд╕ рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЛ рд╕реНрд╡рд┐рдЪ рдХрд░рдХреЗ рдЬрд┐рд╕реЗ рд╕рд░реНрд╡рд░ рдЖрджрд┐ рд╕реЗ рдЖрд╕рд╛рдиреА рд╕реЗ рд╕реЙрд░реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдореВрд▓ рд░реВрдк рд╕реЗ рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдФрд░ рдПрдордпреВрдЖрдИ рдХреЗ рдЕрдиреБрдХреВрд▓рди рдХреА рддрд▓рд╛рд╢ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдореАрдпреВрдЖрдИ рдкрд░ рдЖрд╕рд╛рди рдЙрджрд╛рд╣рд░рдг рдорд┐рд▓рддреЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╕реАрдзреЗ рдЖрдЧреЗ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдХреНрдпреВрд╕реЛрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдХреЗ рд▓рд┐рдП Google рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╣реИрдХреА рд╕рдорд╛рдзрд╛рди рдЖрджрд┐ рдорд┐рд▓рддреЗ рд╣реИрдВред

рдореБрдЭреЗ рдкреВрд░реНрдгрддрд╛ рдФрд░ рдЗрддрдиреЗ рд╕рд╛рд░реЗ рдорд╣рд╛рди рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдВрдЯреАрдбреА рдкрд╕рдВрдж рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреБрдХреВрд▓рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдмреБрд░рд╛ рд╣реИ рдФрд░ рдореЗрд░реЗ рдЕрдиреБрднрд╡ рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╣реИ рдФрд░ рдЕрдиреНрдп рдбреЗрд╡рд▓рдкрд░реНрд╕ рд╕реЗ рдмрд╛рдд рдХрд░рдХреЗ рдпрд╣ рд░реЛрдбрдореИрдк рдкрд░ рдкреНрд░рдореБрдЦ рдмрд┐рдВрджреБрдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

@abenhamdine рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ!
MUI рдореЗрдВ рдПрдХ ThemeProvider рдЬрд┐рд╕реЗ рдЖрдк рдЕрдкрдиреЗ рдРрдк рдореЗрдВ рд▓рдкреЗрдЯрддреЗ рд╣реИрдВ рдФрд░ рдЖрдк рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рджреНрд╡рд╛рд░рд╛ рдкреВрд░реЗ рд╡рд┐рд╖рдп рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЯрд╛рдЗрдк рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдЗрд╕рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИред

AntD рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ LESS рдпрд╛ SASS (рдХреБрдЫ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рд╕рд╛рде) рдХреЛ рдЧрдбрд╝рдмрдбрд╝ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рдЕрдиреНрдп deps рдЖрджрд┐ рдХреЛ рдмрдирд╛рдП рд░рдЦрдирд╛ рд╣реЛрдЧрд╛, рдЖрдкрдХреЛ рдЪрд░ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рдШрдЯрдХ рд╕реНрд░реЛрдд рд╕реЗ рдЧреБрдЬрд░рдирд╛ рд╣реЛрдЧрд╛ рдЬрд┐рд╕реЗ рдЖрдк рд╡рд┐рд╢рд┐рд╖реНрдЯ рдШрдЯрдХ рдЖрджрд┐ рдХреЗ рд▓рд┐рдП рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рдирдЯрд╛рдЗрдо рдореЗрдВ рдереАрдо рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рдХреЛрдИ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ рдЬреЛ MUI рдХреЗ рд╕рд╛рде рдЗрддрдирд╛ рдЖрд╕рд╛рди рд╣реИ, рдмрд╕ рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЛ рд╕реНрд╡рд┐рдЪ рдХрд░рдХреЗ рдЬрд┐рд╕реЗ рд╕рд░реНрд╡рд░ рдЖрджрд┐ рд╕реЗ рдЖрд╕рд╛рдиреА рд╕реЗ рд╕реЙрд░реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдореВрд▓ рд░реВрдк рд╕реЗ рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдФрд░ рдПрдордпреВрдЖрдИ рдХреЗ рдЕрдиреБрдХреВрд▓рди рдХреА рддрд▓рд╛рд╢ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдореАрдпреВрдЖрдИ рдкрд░ рдЖрд╕рд╛рди рдЙрджрд╛рд╣рд░рдг рдорд┐рд▓рддреЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╕реАрдзреЗ рдЖрдЧреЗ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдХреНрдпреВрд╕реЛрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдХреЗ рд▓рд┐рдП Google рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╣реИрдХреА рд╕рдорд╛рдзрд╛рди рдЖрджрд┐ рдорд┐рд▓рддреЗ рд╣реИрдВред

рдореБрдЭреЗ рдкреВрд░реНрдгрддрд╛ рдФрд░ рдЗрддрдиреЗ рд╕рд╛рд░реЗ рдорд╣рд╛рди рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдВрдЯреАрдбреА рдкрд╕рдВрдж рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреБрдХреВрд▓рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдмреБрд░рд╛ рд╣реИ рдФрд░ рдореЗрд░реЗ рдЕрдиреБрднрд╡ рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╣реИ рдФрд░ рдЕрдиреНрдп рдбреЗрд╡рд▓рдкрд░реНрд╕ рд╕реЗ рдмрд╛рдд рдХрд░рдХреЗ рдпрд╣ рд░реЛрдбрдореИрдк рдкрд░ рдкреНрд░рдореБрдЦ рдмрд┐рдВрджреБрдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

рд╕реНрдкрд╖реНрдЯ рдФрд░ рд╕рдЯреАрдХ рд╕реНрдкрд╖реНрдЯреАрдХрд░рдг, thx!

@abenhamdine рдХреЛрдИ рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ!
MUI рдореЗрдВ рдПрдХ ThemeProvider рдЬрд┐рд╕реЗ рдЖрдк рдЕрдкрдиреЗ рдРрдк рдореЗрдВ рд▓рдкреЗрдЯрддреЗ рд╣реИрдВ рдФрд░ рдЖрдк рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рджреНрд╡рд╛рд░рд╛ рдкреВрд░реЗ рд╡рд┐рд╖рдп рдХреЛ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдореЗрдВ рдЯрд╛рдЗрдк рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ рдЗрд╕рд▓рд┐рдП рдЗрд╕рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИред

AntD рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХреЛ LESS рдпрд╛ SASS (рдХреБрдЫ рдкреНрд▓рдЧрдЗрдиреНрд╕ рдХреЗ рд╕рд╛рде) рдХреЛ рдЧрдбрд╝рдмрдбрд╝ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рддрд╛рдХрд┐ рдЖрдкрдХреЛ рдЕрдиреНрдп deps рдЖрджрд┐ рдХреЛ рдмрдирд╛рдП рд░рдЦрдирд╛ рд╣реЛрдЧрд╛, рдЖрдкрдХреЛ рдЪрд░ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рдШрдЯрдХ рд╕реНрд░реЛрдд рд╕реЗ рдЧреБрдЬрд░рдирд╛ рд╣реЛрдЧрд╛ рдЬрд┐рд╕реЗ рдЖрдк рд╡рд┐рд╢рд┐рд╖реНрдЯ рдШрдЯрдХ рдЖрджрд┐ рдХреЗ рд▓рд┐рдП рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рдирдЯрд╛рдЗрдо рдореЗрдВ рдереАрдо рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рдХреЛрдИ рдЕрдЪреНрдЫрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рд╣реИ рдЬреЛ MUI рдХреЗ рд╕рд╛рде рдЗрддрдирд╛ рдЖрд╕рд╛рди рд╣реИ, рдмрд╕ рдЬреЗрдПрд╕ рдСрдмреНрдЬреЗрдХреНрдЯ рдХреЛ рд╕реНрд╡рд┐рдЪ рдХрд░рдХреЗ рдЬрд┐рд╕реЗ рд╕рд░реНрд╡рд░ рдЖрджрд┐ рд╕реЗ рдЖрд╕рд╛рдиреА рд╕реЗ рд╕реЙрд░реНрдЯ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред

рдореВрд▓ рд░реВрдк рд╕реЗ рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдФрд░ рдПрдордпреВрдЖрдИ рдХреЗ рдЕрдиреБрдХреВрд▓рди рдХреА рддрд▓рд╛рд╢ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдореАрдпреВрдЖрдИ рдкрд░ рдЖрд╕рд╛рди рдЙрджрд╛рд╣рд░рдг рдорд┐рд▓рддреЗ рд╣реИрдВ рдХреНрдпреЛрдВрдХрд┐ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рднреА рдирд╣реАрдВ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╕реАрдзреЗ рдЖрдЧреЗ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдПрдВрдЯреАрдбреА рдХреНрдпреВрд╕реЛрдЯрд┐рдорд╛рдЗрдЬрд╝реЗрд╢рди рдХреЗ рд▓рд┐рдП Google рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдкрдХреЛ рдмрд╣реБрдд рд╕рд╛рд░реЗ рд╣реИрдХреА рд╕рдорд╛рдзрд╛рди рдЖрджрд┐ рдорд┐рд▓рддреЗ рд╣реИрдВред

рдореБрдЭреЗ рдкреВрд░реНрдгрддрд╛ рдФрд░ рдЗрддрдиреЗ рд╕рд╛рд░реЗ рдорд╣рд╛рди рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рдПрдВрдЯреАрдбреА рдкрд╕рдВрдж рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреБрдХреВрд▓рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдмреБрд░рд╛ рд╣реИ рдФрд░ рдореЗрд░реЗ рдЕрдиреБрднрд╡ рдкрд░ рдЖрдзрд╛рд░рд┐рдд рд╣реИ рдФрд░ рдЕрдиреНрдп рдбреЗрд╡рд▓рдкрд░реНрд╕ рд╕реЗ рдмрд╛рдд рдХрд░рдХреЗ рдпрд╣ рд░реЛрдбрдореИрдк рдкрд░ рдкреНрд░рдореБрдЦ рдмрд┐рдВрджреБрдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП

рдореИрдВ @murbanowicz рд╕реЗ рд╕рд╣рдордд Antd рдХреЗ рд╕рд╛рде рдЕрдиреБрдХреВрд▓рди рдереЛрдбрд╝рд╛ рдЧрдбрд╝рдмрдбрд╝ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рд▓реАрдХ, рд╕реИрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рд╣реИрдХрд░реА рддрд░реАрдХрд╛, рд╕реНрдЯрд╛рдЗрд▓ рдУрд╡рд░рд░рд╛рдЗрдбреНрд╕ рдХреЗ рдмреАрдЪ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рдХрд╛ рдЯрдХрд░рд╛рд╡, рдХрд╛рдлреА рдмрд╛рд╣рд░реА рдирд┐рд░реНрднрд░рддрд╛ рдЬреИрд╕реЗ moment рд╡рд┐рд╢рд╛рд▓ рдмрдВрдбрд▓ рдЖрдХрд╛рд░ рдХреЗ рд▓рд┐рдП рдЕрдЧреНрд░рдгреАред ), рд▓реЗрдХрд┐рди рд▓рдВрдмреЗ рд╕рдордп рд╕реЗ рдПрдордпреВрдЖрдИ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж, рдореБрдЭреЗ рдПрдирдбреАрдЯреА рдмрд╣реБрдд рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓рди рдпреЛрдЧреНрдп рд▓рдЧрддрд╛ рд╣реИред

рдореИрдВ MUI рдХреЗ рдирдП рд░рд┐рд▓реАрдЬрд╝ рдХреА рддрд╛рд░реАрдЦ рддрдХ рдирд╣реАрдВ рд╣реВрдВ, рд▓реЗрдХрд┐рди рдкрд┐рдЫрд▓реА рдмрд╛рд░ рдЬрдм рдореИрдВрдиреЗ рдЬрд╛рдБрдЪ рдХреА рдереА, рддреЛ рдХреБрдЫ рдРрд╕реЗ рдШрдЯрдХ рдереЗ, рдЬрд┐рдиреНрд╣реЗрдВ рдЖрдк рдХрд╕реНрдЯрдорд╛рдЗрдЬрд╝ рдирд╣реАрдВ рдХрд░ рдкрд╛рдП рдереЗ, рдХреНрдпреЛрдВрдХрд┐ MUI styled-components рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ, рдпрджрд┐ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдиреЗ classNames рдирд╣реАрдВ рдЬреЛрдбрд╝рд╛ рд╣реЛрддрд╛ рд╣рд░ рдЬрдЧрд╣
рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ рдкреНрд░рддреНрдпрдХреНрд╖ рдЙрдкрдпреЛрдЧ рдХреЗ рд▓рд┐рдП рдЯреЛрдорд┐рдВрдЧ рд╢рд╛рдВрдд рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдЖрдк рдЕрдкрдиреЗ рдбрд┐рдЬрд╛рдЗрди рд╕рд┐рд╕реНрдЯрдо рдХреЛ рд╕реНрдЯрд╛рдЗрд▓ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рдореАрдпреВрдЖрдИ рдХреЗ рд╕рд╛рде рдмрд╣реБрдд рдЧрдбрд╝рдмрдбрд╝ рд╣реИ, рдХрднреА-рдХрднреА рдЕрд╕рдВрднрд╡ рднреА;)

рд▓реЗрдХрд┐рди рдлрд┐рд░ рднреА, antd рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрдиреБрдХреВрд▓рди рдЕрдиреБрднрд╡ рдХреЛ рдЖрд╕рд╛рди рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдХреБрдЫ рдХрд╛рдо рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ;)

@filipjnc ,
rc-select рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЬреЛ рдкрд╣реБрдВрдЪ рдХреЛ рдмрдврд╝рд╛рддрд╛ рд╣реИред рдЖрдк рдЙрд╕ рдкрд░ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рдореЗрдВ рдорджрдж рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред рдФрд░ v4 рддреИрдпрд╛рд░ рд╢рд╛рдЦрд╛ рдиреЗ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рд╣реИ рдЖрдк рд╢реАрд░реНрд╖ рдкрд░ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рджреЗрдЦ рд╕рдХрддреЗ рд╣реИрдВред
rc-tabs , рдХреНрдпреЛрдВрдХрд┐ рдпрд╣ рд╕рд░реНрд╡реЛрдЪреНрдЪ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рдкрд░ рдирд╣реАрдВ рд╣реИ, рдореИрдВ рдЗрд╕реЗ рдмрд╛рдж рдореЗрдВ рднреА рдмрдврд╝рд╛рдКрдВрдЧрд╛ред

@ рдЬреЙрдореНрдмреАрдЬ рдареАрдХ рд╣реИ, рдореИрдВ rc-select рдЕрд▓реНрдлрд╛ рдкрд░ рдПрдХ рдирдЬрд╝рд░ рдбрд╛рд▓реВрдВрдЧрд╛ ред

рднрд▓реЗ рд╣реА rc-tabs рдПрдХ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рдирд╣реАрдВ рд╣реИ, рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдореЗрд░реЗ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рдкрд░ рдПрдХ рдирдЬрд╝рд░ рдбрд╛рд▓ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд╣рд╛рдБ рдореИрдВ рд╣рдорд╛рд░реЗ рдкрд╣реБрдБрдЪ рдкрд░реАрдХреНрд╖рд╛ рдкрд░рд┐рдгрд╛рдореЛрдВ рд╕реЗ рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд┐рдВрджреБрдУрдВ рдХреЛ рдареАрдХ рдХрд░рддрд╛ рд╣реВрдБ?

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

@zkwolf рд╣рд╛рдБ, рд╣рдо рдЖрдЗрдХрди рдХрд╛ рдирд╛рдо рдмрджрд▓ рд░рд╣реЗ рд╣реИрдВ: https://github.com/ant-design/ant-design-icons/pull/118

cc @vagusX

рдореИрдВ рдмрд╣реБрдд рдХреБрдЫ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдирд┐рд░рдВрддрд░ рдлреЙрд░реНрдо рд░реА-рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╡рд╛рд▓реЗ

рдХреГрдкрдпрд╛ рдзреНрдпрд╛рди рджреЗрдВ рдХрд┐ https://next.ant.design рдШрдЯрдХреЛрдВ рдкрд░ рдШрдЯрдХ рд╕рд╛рдЗрдбрдмрд╛рд░ рдореЗрдВ рд╡рд░реНрдгрд╛рдиреБрдХреНрд░рдо рдореЗрдВ рд╕реЙрд░реНрдЯ рдирд╣реАрдВ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ
Schermata 2019-09-30 alle 18 01 03

рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рдЬрд╛рдирддреЗ рд╣реИрдВ, рдРрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд╣реБрдВрдЪ рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдЕрдЪреНрдЫрд╛ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣ рдЕрдзрд┐рдХрд╛рдВрд╢ рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рддрд╣ рдкрд░ рджрд┐рдЦрд╛рдИ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдЧрд╣рд░рд╛ рдЧреЛрддрд╛ рд▓рдЧрд╛рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдПрдХ рдмрдбрд╝рд╛ рдореБрджреНрджрд╛ рд╣реИред рджреЗрдЦреЗрдВ рдХрд┐ рдХреИрд╕реЗ рдПрдВрдЯ-рдбрд┐рдЬрд╝рд╛рдЗрди рдмрд╣реБрдд рдмреБрд░реА рддрд░рд╣ рд╕реЗ рд╕реНрдХреЛрд░рд┐рдВрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ: https://darekkay.com/blog/accessible-ui-freevestwork/

рдЕрдЪреНрдЫреА рдЦрдмрд░ рдпрд╣ рд╣реИ рдХрд┐ рдЪреВрдВрдХрд┐ рдореБрдЭреЗ рдЪреАрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рдмрд╣реБрдд рдкрд╕рдВрдж рд╣реИ рдФрд░ рдореИрдВ рдЗрд╕реЗ рдЙрджреНрдпрдо рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдЗрд░рд╛рджрд╛ рд░рдЦрддрд╛ рд╣реВрдВ, рдореЗрд░рд╛ рд▓рдХреНрд╖реНрдп рдЗрд╕реЗ рд╕реВрдЪреА рдореЗрдВ рд╢реАрд░реНрд╖ рдкрд░ рд▓рд╛рдирд╛ рд╣реИред

рдореИрдВрдиреЗ рдЬрд░реНрдордиреА рдореЗрдВ рдПрдХ рдХреНрд▓рд╛рдЗрдВрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдЬреЗрдВрд╕реА рдХреЛ рдЕрдкрдиреЗ рдЙрджреНрдпрдо рдРрдк рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рджрд┐рдпрд╛ (рдЬрд╣рд╛рдВ рдкрд╣реБрдВрдЪ рдмрдбрд╝реА рдХрдВрдкрдирд┐рдпреЛрдВ рдореЗрдВ рдПрдХ рдмрдбрд╝рд╛ рд╡рд┐рд╖рдп рд╣реИ)ред рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЪреАрдЬреЗрдВ рдереАрдВ:

  1. рдЪрдпрди, рд╕реНрд╡рддрдГ рдкреВрд░реНрдг рдФрд░ рдЯреИрдм рдЬреИрд╕реЗ рдмреБрдирд┐рдпрд╛рджреА рд▓реЗрдХрд┐рди рдорд╣рддреНрд╡рдкреВрд░реНрдг рдШрдЯрдХреЛрдВ рдХреЗ рд▓рд┐рдП рд╕реНрдХреНрд░реАрди рд░реАрдбрд░ рдкрд╣реБрдВрдЪ
  2. рдХрдИ рд╕реНрдерд╛рдиреЛрдВ рдкрд░ рд░рдВрдЧ рд╡рд┐рдкрд░реАрдд рд╣реИ
  3. рдХреБрдЫ рд╕реНрдерд╛рдиреЛрдВ рдкрд░ рдХреАрдмреЛрд░реНрдб рдиреЗрд╡рд┐рдЧреЗрд╢рди

рдореИрдВрдиреЗ рдЕрдкрдиреА рдкрд╣реБрдВрдЪ рдХреЗ рд╕рднреА рдореБрджреНрджреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд╡рд░рд┐рдд-рдЬреАрдд рдХреЗ рд░реВрдк рдореЗрдВ rc-tabs рдЙрдард╛рдпрд╛ - рдпрд╣ рдЬрд▓реНрдж рд╣реА рдмрд╛рд╣рд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП (https://github.com/react-component/tabs/pull/218)ред рд▓реЗрдХрд┐рди рдЬреЛ рдЪреАрдЬ рдореБрдЭреЗ рд╕рдмрд╕реЗ рдЬреНрдпрд╛рджрд╛ рдкрд░реЗрд╢рд╛рди рдХрд░рддреА рд╣реИ, рд╡рд╣ рд╣реИ rc-select , рдЦрд╛рд╕рдХрд░ рдХреЙрдореНрдмреЛрдХреНрд╕ (рд╕реНрд╡рддрдГ рдкреВрд░реНрдг) рд╣рд┐рд╕реНрд╕рд╛ред Comboboxes рд╕реНрдХреНрд░реАрди рд░реАрдбрд░ рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдХреЗ рд╕рдмрд╕реЗ рдореБрд╢реНрдХрд┐рд▓ рдкрд╣рд▓реБрдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реИ рдФрд░ рдЗрд╕реЗ рдЧрд▓рдд рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИред рд╕рднреА рдореБрджреНрджреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХреЗ рд▓рд┐рдП рди рдХреЗрд╡рд▓ рдХреБрдЫ рдЧреБрдгреЛрдВ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рдмрд▓реНрдХрд┐ рдПрдХ рдмрдбрд╝рд╛ рдмрджрд▓рд╛рд╡ рднреА рд╣реЛрддрд╛ рд╣реИред

рдЧреЛ-рд▓рд╛рдЗрд╡ рд╕реЗ рдкрд╣рд▓реЗ рдЕрдкрдиреЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдЗрд╕реЗ рдЬрд▓реНрджреА рд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореИрдВрдиреЗ https://github.com/downshift-js/downshift рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдПрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд╛ рдЪрдпрди рдФрд░ рд╕реНрд╡рддрдГ рдкреВрд░реНрдг ( rc-select ) рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рд╣реИ ред рдореИрдВрдиреЗ ARIA рдХреА рд╕рд░реНрд╡реЛрддреНрддрдо рдкреНрд░рдерд╛рдУрдВ рдХреЛ рджреЛрд╣рд░рд╛рдпрд╛ рдФрд░ рд╢реАрд░реНрд╖ рдкрд░ antd рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ - рд▓рдЧрднрдЧ рдмрд┐рд▓реНрдХреБрд▓ рд╕рдорд╛рди рджрд┐рдЦрддрд╛ рд╣реИ рдФрд░ рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╕реБрд▓рдн рд╣реИред

рддреЛ рдЙрддреНрддреЗрдЬрдХ рд╕рд╡рд╛рд▓ рдпрд╣ рд╣реИ: рдХреНрдпрд╛ рдЖрдк рджреЛрд╣рд░реЗ рдХрд╛рд░реНрдп рдирд╣реАрдВ рдХрд░рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВрдЧреЗ рдФрд░ rc-select рдЕрдзрд┐рдХ рд▓реЛрдХрдкреНрд░рд┐рдп рдФрд░ рдкреВрд░реНрдг downshift рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ рдкрдХреНрд╖ рдореЗрдВ рд╣реЛрдЧрд╛? рдЖрдк рдЯреАрдо рдореЗрдВ рдХреБрдЫ рд╕рдордп рдмрдЪрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЕрдиреНрдп рдореБрдЦреНрдп рдШрдЯрдХреЛрдВ рдХреЛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рдирдХреЗ рдУрдкрди-рд╕реЛрд░реНрд╕ рдмрд╛рдЬрд╛рд░ рдкрд░ рдЕрдЪреНрдЫреЗ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИрдВред

рдпрд╣ рд╡рд┐рдЪрд╛рд░ рдореБрдЭреЗ @filipjnc рдкрд░ рд╢рд╛рдирджрд╛рд░ рд▓рдЧ рд░рд╣рд╛ рд╣реИред рд╕рд╛рде рд╣реА, рдпрд╣ rc-select рдХреЗ рдЖрдХрд╛рд░ рдХрд╛ 1/4 рднрд╛рдЧ рд╣реИред рдореБрдЭреЗ рдЙрдореНрдореАрдж рд╣реИ рдХрд┐ atd рдЯреАрдо рдРрд╕рд╛ рдХрд░ рд╕рдХрддреА рд╣реИред

рдореИрдВ 4.0 рд░рд┐рд▓реАрдЬ рдореЗрдВ рдФрд░ рдЕрдзрд┐рдХ рд░рдВрдЧ рд╕реБрдзрд╛рд░ рджреЗрдЦрдирд╛ рдкрд╕рдВрдж рдХрд░реВрдВрдЧрд╛ред рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ, рдбреЙрдХреНрд╕ рдПрдХ "рдбреЗрдЯрд╛ рд╡рд┐рдЬрд╝реБрдЕрд▓рд╛рдЗрдЬрд╝реЗрд╢рди рдХрд▓рд░ рдкреИрд▓реЗрдЯ (рдЬрд▓реНрдж рд╣реА рдЖ рд░рд╣рд╛ рд╣реИ)" рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддреЗ рд╣реИрдВ рдЬреЛ рдбреИрд╢рдмреЛрд░реНрдб рдФрд░ рдЕрдиреНрдп рдбреЗрдЯрд╛ рднрд╛рд░реА рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдореЗрдВ рдмрд╣реБрдд рд╕рд╣рд╛рдпрдХ рд╣реЛрдЧрд╛ред рдЧрд░реНрдо рдФрд░ рд╢рд╛рдВрдд grays рдХреЗ рд░реВрдк рдореЗрдВ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдЕрдзрд┐рдХ рдЖрд░рд╛рдорджрд╛рдпрдХ рд░рдВрдЧ рдкрдЯреНрдЯрд┐рдпрд╛рдБ рдмрдирд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдЧрд╛ред рд╕рд╛рде рд╣реА, рдкрд╣реБрдБрдЪ рдХреЗ рд▓рд┐рдП рд░рдВрдЧ рд╡рд┐рдкрд░реАрдд рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХрд╛ рдпрд╣ рдПрдХ рдЕрдЪреНрдЫрд╛ рдЕрд╡рд╕рд░ рд╣реИ (рдЬреИрд╕рд╛ рдХрд┐ @filipjnc рджреНрд╡рд╛рд░рд╛ рдмрддрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ)ред рдЕрдЪреНрдЫрд╛ рдХрд╛рдо рдХрд░рддреЗ рд░рд╣реЛ ЁЯСН

рдЬреИрд╕рд╛ рдХрд┐ рдЖрдк рдЬрд╛рдирддреЗ рд╣реИрдВ, рдРрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдкрд╣реБрдВрдЪ рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдЕрдЪреНрдЫрд╛ рдирд╣реАрдВ рдХрд░ рд░рд╣рд╛ рд╣реИред рдпрд╣ рдЕрдзрд┐рдХрд╛рдВрд╢ рд▓реЛрдЧреЛрдВ рдХреЗ рд▓рд┐рдП рд╕рддрд╣ рдкрд░ рджрд┐рдЦрд╛рдИ рдирд╣реАрдВ рджреЗрддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдЬрдм рдЖрдк рдЧрд╣рд░рд╛ рдЧреЛрддрд╛ рд▓рдЧрд╛рддреЗ рд╣реИрдВ рддреЛ рдпрд╣ рдПрдХ рдмрдбрд╝рд╛ рдореБрджреНрджрд╛ рд╣реИред рджреЗрдЦреЗрдВ рдХрд┐ рдХреИрд╕реЗ рдПрдВрдЯ-рдбрд┐рдЬрд╝рд╛рдЗрди рдмрд╣реБрдд рдмреБрд░реА рддрд░рд╣ рд╕реЗ рд╕реНрдХреЛрд░рд┐рдВрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИ: https://darekkay.com/blog/accessible-ui-freevestwork/

рдЕрдЪреНрдЫреА рдЦрдмрд░ рдпрд╣ рд╣реИ рдХрд┐ рдЪреВрдВрдХрд┐ рдореБрдЭреЗ рдЪреАрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рдмрд╣реБрдд рдкрд╕рдВрдж рд╣реИ рдФрд░ рдореИрдВ рдЗрд╕реЗ рдЙрджреНрдпрдо рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдЗрд░рд╛рджрд╛ рд░рдЦрддрд╛ рд╣реВрдВ, рдореЗрд░рд╛ рд▓рдХреНрд╖реНрдп рдЗрд╕реЗ рд╕реВрдЪреА рдореЗрдВ рд╢реАрд░реНрд╖ рдкрд░ рд▓рд╛рдирд╛ рд╣реИред

рдореИрдВрдиреЗ рдЬрд░реНрдордиреА рдореЗрдВ рдПрдХ рдХреНрд▓рд╛рдЗрдВрдЯ рдХреЗ рд▓рд┐рдП рдПрдХ рдПрдЬреЗрдВрд╕реА рдХреЛ рдЕрдкрдиреЗ рдЙрджреНрдпрдо рдРрдк рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░рдиреЗ рджрд┐рдпрд╛ (рдЬрд╣рд╛рдВ рдкрд╣реБрдВрдЪ рдмрдбрд╝реА рдХрдВрдкрдирд┐рдпреЛрдВ рдореЗрдВ рдПрдХ рдмрдбрд╝рд╛ рд╡рд┐рд╖рдп рд╣реИ)ред рд╕рдмрд╕реЗ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдЪреАрдЬреЗрдВ рдереАрдВ:

1. Screen reader accessibility for basic but crucial components like Select, Autocomplete and Tabs

2. Color contrasts in many places

3. Keyboard navigation in some places

рдореИрдВрдиреЗ рдЕрдкрдиреА рдкрд╣реБрдБрдЪ рдпреЛрдЧреНрдп рд╕рднреА рд╕рдорд╕реНрдпрд╛рдУрдВ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рддреНрд╡рд░рд┐рдд-рдЬреАрдд рдХреЗ рд░реВрдк рдореЗрдВ rc-tabs рдкрд╣рд▓реЗ рдЙрдард╛рдпрд╛ - рдпрд╣ рдЬрд▓реНрдж рд╣реА рдмрд╛рд╣рд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП ( рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдШрдЯрдХ / рдЯреИрдм # 218 )ред рд▓реЗрдХрд┐рди рдЬреЛ рдЪреАрдЬ рдореБрдЭреЗ рд╕рдмрд╕реЗ рдЬреНрдпрд╛рджрд╛ рдкрд░реЗрд╢рд╛рди рдХрд░рддреА рд╣реИ, рд╡рд╣ рд╣реИ rc-select , рдЦрд╛рд╕рдХрд░ рдХреЙрдореНрдмреЛрдмреЙрдХреНрд╕ (рд╕реНрд╡рддрдГ рдкреВрд░реНрдг) рдЗрд╕рдХрд╛ рд╣рд┐рд╕реНрд╕рд╛ред Comboboxes рд╕реНрдХреНрд░реАрди рд░реАрдбрд░ рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдХреЗ рд╕рдмрд╕реЗ рдореБрд╢реНрдХрд┐рд▓ рдкрд╣рд▓реБрдУрдВ рдореЗрдВ рд╕реЗ рдПрдХ рд╣реИ рдФрд░ рдЗрд╕реЗ рдЧрд▓рдд рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реИред рд╕рднреА рдореБрджреНрджреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕рдХреЗ рд▓рд┐рдП рди рдХреЗрд╡рд▓ рдХреБрдЫ рдЧреБрдгреЛрдВ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реЛрддреА рд╣реИ, рдмрд▓реНрдХрд┐ рдПрдХ рдмрдбрд╝рд╛ рдмрджрд▓рд╛рд╡ рднреА рд╣реЛрддрд╛ рд╣реИред

рдЧреЛ-рд▓рд╛рдЗрд╡ рд╕реЗ рдкрд╣рд▓реЗ рдЗрд╕реЗ рдЕрдкрдиреЗ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рд╢реАрдШреНрд░рддрд╛ рд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП, рдореИрдВрдиреЗ https://github.com/downshift-js/downshift рдкрд░ рдЖрдзрд╛рд░рд┐рдд рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдШрдЯрдХреЛрдВ рдХреЗ рд╕рд╛рде рдПрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рдХрд╛ рдЪрдпрди рдФрд░ рдСрдЯреЛрдХрдВрдкреНрд▓реАрдЯ ( rc-select ) рдкреНрд░рддрд┐рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рд╣реИ ред рдореИрдВрдиреЗ ARIA рдХреА рд╕рд░реНрд╡реЛрддреНрддрдо рдкреНрд░рдерд╛рдУрдВ рдХреЛ рджреЛрд╣рд░рд╛рдпрд╛ рдФрд░ рд╢реАрд░реНрд╖ рдкрд░ antd рд╢реИрд▓рд┐рдпреЛрдВ рдХреЛ рд▓рд╛рдЧреВ рдХрд┐рдпрд╛ - рд▓рдЧрднрдЧ рдмрд┐рд▓реНрдХреБрд▓ рд╕рдорд╛рди рджрд┐рдЦрддрд╛ рд╣реИ рдФрд░ рдпрд╣ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╕реБрд▓рдн рд╣реИред

рддреЛ рдЙрддреНрддреЗрдЬрдХ рд╕рд╡рд╛рд▓ рдпрд╣ рд╣реИ: рдХреНрдпрд╛ рдЖрдк рджреЛрд╣рд░реЗ рдХрд╛рд░реНрдп рдирд╣реАрдВ рдХрд░рдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВрдЧреЗ рдФрд░ rc-select рдЕрдзрд┐рдХ рд▓реЛрдХрдкреНрд░рд┐рдп рдФрд░ рдкреВрд░реНрдг downshift рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХреЗ рдкрдХреНрд╖ рдореЗрдВ рд╣реЛрдЧрд╛? рдЖрдк рдЯреАрдо рдореЗрдВ рдХреБрдЫ рд╕рдордп рдмрдЪрд╛ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ рдЕрдиреНрдп рдореБрдЦреНрдп рдШрдЯрдХреЛрдВ рдХреЛ рдкреВрд░рд╛ рдХрд░рдиреЗ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдЬрд┐рдирдХреЗ рдУрдкрди-рд╕реЛрд░реНрд╕ рдмрд╛рдЬрд╛рд░ рдкрд░ рдЕрдЪреНрдЫреЗ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИрдВред

рдореИрдВ рдбрд╛рдЙрдирд╢рд┐рдлреНрдЯ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЗрддрдирд╛ рдЙрддреНрд╕рд╛рд╣рд┐рдд рдирд╣реАрдВ рд╣реВрдВ, https://github.com/downshift-js/downshift/issues/730 рджреЗрдЦреЗрдВ
рдПрдХреНрд╕реЗрд╕рд┐рдмрд┐рд▓рд┐рдЯреА рдХреБрдЫ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИ, рд▓реЗрдХрд┐рди рдкреНрд░рджрд░реНрд╢рди рдФрд░ рднреА рдЕрдзрд┐рдХ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдорд╣рддреНрд╡рдкреВрд░реНрдг рд╣реИред

рддрд╛рд▓рд┐рдХрд╛ рдХрддрд╛рд░ рдореЗрдВ рд╣реИ, рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдореИрдВ рд╡рд░реНрдЪреБрдЕрд▓ рд╕реВрдЪреА рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реВрдВред

рд╣рд╛рдп, @zombieJ
рд╕рд╛рд░рд╛рдВрд╢ рдкрд╛рдж рд▓реЗрдЦ рдореЗрдВ рдХреЛрдИ рдкреНрд░рдЧрддрд┐ рд╣реИ?

@ рдПрд▓реЗрдХреНрд╕рдЪреЗрди рез1818рел ,
рдирдП рдЬреАрд╡рди рдЪрдХреНрд░ рдХреЛрдб рдЕрджреНрдпрддрди рдкрд░ рд▓рдВрдмрд┐рддред рддрд╛рд▓рд┐рдХрд╛ рдХреЗ рдмрд╛рдж рдЕрдЧрд▓рд╛ рд╣реИ:)

4.0 рдХреНрдпрд╛ рдХреБрдЫ рдкреНрд░реЙрдк рдкреИрд░рд╛рдореАрдЯрд░ рдХреЛ рдКрдВрдЯ рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ? рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, Input.TextArea autosize рдХреЛ autoSize autosize рдмрджрд▓ рджрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ?
рд░рд┐рдПрдХреНрдЯ рдореЗрдВ рджреЗрд╢реА HTML рдЯреИрдЧреНрд╕ рдХреЗ рдкреНрд░реЙрдкреНрд╕ рд╕рднреА рдКрдВрдЯ рдорд╛рдорд▓реЗ рд╣реИрдВ, рдЬреИрд╕реЗ <input autoComplete /> , рдпрд╣ autosize рд╣рдореЗрд╢рд╛ рдЕрд╕рдВрддреБрд╖реНрдЯ рджрд┐рдЦрддрд╛ рд╣реИред ред ред

рдЗрд╕реЗ рдореВрд▓ рдЙрдкрдпреЛрдЧ рдХреЗ рд╕рд╛рде рд╕рдВрдЧрдд рдФрд░ рддреНрдпрд╛рдЧрдиреЗ рд╡рд╛рд▓реЗ 3.x рдореЗрдВ рдмрджрд▓рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИред @ jinliming2 рдХреНрдпрд╛ рдЖрдк PR рдореЗрдВ рд░реБрдЪрд┐ рд░рдЦрддреЗ рд╣реИрдВ?

  • рек.реж рд╡реГрджреНрдз рдПрдкрд┐ рдХреЗ рд░реВрдк рдореЗрдВ рдЯреНрд░реА рдХреЗ рдкреНрд░реЙрдкреНрд╕рд┐рд▓реНрдбреНрд░реЗрди рдХреЛ рдЪрд┐рд╣реНрдирд┐рдд рдХрд░реЗрдВ, рдФрд░ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЯреНрд░реАрдЯрд╛рдЯрд╛ рдХреА рд╢реБрджреНрдз рдбреЗрдЯрд╛ рд╡рд┐рдзрд┐ рдХреА рд╕рд┐рдлрд╛рд░рд┐рд╢ рдХрд░реЗрдВред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкреНрд░реЙрдкреНрд╕рдЪрд┐рд▓реНрдбреНрд░реЗрди рдмрд╣реБрдд рдЙрдкрдпреЛрдЧреА рдФрд░ рдЕрддреНрдпрдзрд┐рдХ рдЪрдВрдЪрд▓ рд╣реИред
  • ComponentWillReceiveProps рдХреЛ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреА рдирд╡реАрдирддрдо рдПрдкреАрдЖрдИ рдореЗрдВ рдЕрдкреНрд░рдЪрд▓рд┐рдд рдХреЗ рд░реВрдк рдореЗрдВ рдЪрд┐рд╣реНрдирд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рд╡рд░реНрддрдорд╛рди рдореЗрдВ, рдпрд╣ рдкрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИ рдХрд┐ рдкрд░реАрдХреНрд╖рдг рдХреЗ рджреМрд░рд╛рди рдЯреЗрдмрд▓ рдШрдЯрдХ рдФрд░ рдЪреЗрддрди рдШрдЯрдХ рдЕрднреА рднреА рдореМрдЬреВрдж рд╣реИрдВред

рдкрд╣реБрдВрдЪ рдХреЗ рд▓рд┐рдП +1ред рдХреГрдкреНрдпрд╛!

рд╕реНрдкрд╖реНрдЯ рдЖрдЗрдХрди рдХреЗ рдЖрдХрд╛рд░ рдХреЗ рдореБрджреНрджреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдмрд╛рдд рдХрд░рддреЗ рд╣реБрдП, рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХрд╛ рдЖрдЗрдХрди 12px рд╣реИ, рдФрд░ рджрд┐рдирд╛рдВрдХ рдЪрд┐рд╣реНрди 14px рд╣реИред рдХреНрдпрд╛ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХреЗ рдЖрдХрд╛рд░ рдФрд░ рдкреНрд░рддреНрдпрдп рдЖрдЗрдХрди рдХреЗ рдмреАрдЪ рдХреЗ рдЕрдВрддрд░ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ рдпрд╛ рдХреНрдпрд╛ рдпрд╣ рдЗрд╕рд▓рд┐рдП рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рддрд┐рдерд┐ рдЪрд┐рд╣реНрди рдЖрдЗрдХрди рд╕реНрд╡рд┐рдЪ рд╣реИ рдФрд░ рдпрд╣ 14px рд╣реИ?рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЖрдХрд╛рд░ рдХреЛ рдПрдХрдЬреБрдЯ рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛ рд╣реИ

@zombieJ рдиреЗ рдЯреЗрдмрд▓ рдорд▓реНрдЯреА-рдХреЙрд▓рдо рд╕реЙрд░реНрдЯрд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЛ рдЬреЛрдбрд╝рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рдмрдирд╛рдИ рд╣реИ

pls рдЕрдВрдЧреНрд░реЗрдЬреА рдкрд░ рд▓рд┐рдЦреЗрдВ

рдХреНрдпрд╛ рдмрд╣реБрдд рдмрдбрд╝реЗ рдЖрдХрд╛рд░ рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛?

рдХреНрдпрд╛ рдмрд╣реБрдд рдмрдбрд╝реЗ рдЖрдХрд╛рд░ рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛?

рдкрд╣рд▓реЗ рджрд┐рди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рджреЗрдЦреЗрдВ

рдХреНрдпрд╛ рдпрд╣ рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ? рд╡рд┐рджреЗрд╢рд┐рдпреЛрдВ рдХреА рднрд╛рд╡рдирд╛рдУрдВ рдХреЛ рдзреНрдпрд╛рди рдореЗрдВ рд░рдЦрддреЗ рд╣реБрдП, рдореИрдВ рд╣рдореЗрд╢рд╛ Google рдЕрдиреБрд╡рд╛рдж рдХрд░рддрд╛ рд╣реВрдВред рдпрд╣ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдирд╣реАрдВ рд╣реИ рдХрд┐ рд╡реНрдпрд╛рдХрд░рдг рдорд╛рдирдХ рдорд╛рдирдХ рдирд╣реАрдВ рд╣реИ, рд╢рдмреНрджреЛрдВ рдХреЛ рдЙрдирдХреЗ рджреНрд╡рд╛рд░рд╛ рд╕рдордЭрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ

@ afc163
рдХреНрдпрд╛ рдЖрдкрдиреЗ рдорд╛рдирд╛ рд╣реИ рдХрд┐ рд╡рд┐рджреЗрд╢реА рд▓реЛрдЧ рдЗрд╕ рд░реЗрдкреЛ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, Google рдЕрдиреБрд╡рд╛рдж рдпрд╣ рд╕рдордЭрдиреЗ рдХрд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╕рд╛рдзрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдк рдХреНрдпрд╛ рдХрд╣ рд░рд╣реЗ рд╣реИрдВред рдореБрдЭреЗ рдПрд╣рд╕рд╛рд╕ рд╣реИ рдХрд┐ рдЪреАрдВрдЯреА-рдбрд┐рдЬрд╛рдЗрди рдХреЗ рдЕрдзрд┐рдХрд╛рдВрд╢ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЪреАрдиреА рд╣реИрдВ, рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рдЖрдк рдЧреИрд░-рдЪреАрдиреА рднреА рдорд╛рдирддреЗ рд╣реИрдВ?
рдЗрд╕рд▓рд┐рдП, рдореИрдВ рдЖрдкрд╕реЗ рдЖрдЧреНрд░рд╣ рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рд╣рдо рд╕рднреА рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдВрддрд░реНрд░рд╛рд╖реНрдЯреНрд░реАрдп рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

рдирдорд╕реНрддреЗ,
рдореИрдВ рдЪреАрдВрдЯреА-рд░рд┐рдПрдХреНрд╢рди-рдРрдк рдФрд░ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕рд╛рде рдЪреАрдВрдЯреА рдбрд┐рдЬрд╝рд╛рдЗрди 4.0 рдХреЛ рдЖрдЬрд╝рдорд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛ред
рдореИрдВрдиреЗ https://next.ant.design/docs/react/introduce рдкрд░ рджрд┐рдП рдЧрдП рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдПрдХ рдХрд╛рдо рдХрд░рдиреЗ рд╡рд╛рд▓рд╛ рдРрдк рдирд╣реАрдВ рдорд┐рд▓рд╛ред
рдореВрд▓ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ (рдПрдкреНрд▓рд┐рдХреЗрд╢рди import Button from 'antd/es/button'; ) рдмрдирд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдХрд╛рд░рдг рдПрдкреНрд▓рд┐рдХреЗрд╢рди рддреНрд░реБрдЯрд┐ рдХрд╛ рдХрд╛рд░рдг рдмрдирддрд╛ рд╣реИ:

рдореЙрдбреНрдпреВрд▓ antd / es / рдмрдЯрди рдирд╣реАрдВ рдорд┐рд▓ рд░рд╣рд╛ рд╣реИ

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдРрдк-рдкреБрдирдГ-рдЬреЛрдбрд╝рдиреЗ рдХреЗ рдмрд╛рдж, рдЕрдиреБрдХреВрд▓рд┐рдд-рдХреНрд░реЗ, рдмреИрдмрд▓-рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдФрд░ рдЖрдпрд╛рдд рдХреЛ import {Button} from 'antd' рдореБрдЭреЗ рддреНрд░реБрдЯрд┐ рд╕рдВрджреЗрд╢ рдорд┐рд▓рддрд╛ рд╣реИ:

рдореЙрдбреНрдпреВрд▓ 'antd' рдХреЗ рд▓рд┐рдП рдПрдХ рдШреЛрд╖рдгрд╛ рдлрд╝рд╛рдЗрд▓ рдирд╣реАрдВ рдорд┐рд▓ рд╕рдХреА

рдХреНрдпрд╛ рдЖрдк рдореБрдЭреЗ рд╕рд▓рд╛рд╣ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ atd4 рдХреЛ crea-react-app рдФрд░ рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдХреЗ рд╕рд╛рде рдХреИрд╕реЗ рдХрд╛рдо рдХрд░реЗрдВ?

@gynekolog ,
рдХреГрдкрдпрд╛ рдЬрд╛рдБрдЪреЗрдВ рдХрд┐ node_modules рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рд░реЗрдлрд░реА https://codesandbox.io/s/cool-paper-4y1u7

@lvlohammadi рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, рдореЗрд░реЗ рдЬреИрд╕реЗ рдХреБрдЫ рдЪреАрдиреА рд▓реЛрдЧ рдЕрдВрдЧреНрд░реЗрдЬреА рдореЗрдВ рдкрд░реНрдпрд╛рдкреНрдд рдЕрдЪреНрдЫреЗ рдирд╣реАрдВ рд╣реИрдВ, рд▓реЗрдХрд┐рди рдореИрдВ рд╕рд╛рдореБрджрд╛рдпрд┐рдХ рд╕рдВрдЪрд╛рд░ рдореЗрдВ рднрд╛рдЧ рд▓реЗрдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдВрддрд░реНрд░рд╛рд╖реНрдЯреНрд░реАрдп рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдкреВрд░реА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛ред

@gynekolog ,
рдХреГрдкрдпрд╛ рдЬрд╛рдБрдЪреЗрдВ рдХрд┐ node_modules рд╕рд╣реА рдврдВрдЧ рд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред

рд░реЗрдлрд░реА https://codesandbox.io/s/cool-paper-4y1u7

рдЖрдк рд╕рд╣реА рд╣реЗред рдореИ рднрд╛рдЧрд╛

yarn add "https://github.com/ant-design/ant-design.git#4.0-prepare"

рдмрдЬрд╛рдп

yarn add "[email protected]"

рд╢рд░реНрдо рдХреА рдмрд╛рдд рд╣реИ ...
рдзрдиреНрдпрд╡рд╛рджред

dropdownMatchSelectWidth рдЕрд▓реНрдлрд╛ рд╕рдВрд╕реНрдХрд░рдг рдкрд░ рдШрдЯрдХ рдмреНрд░реЗрдХ рдХрд╛ рдЪрдпрди рдХрд░реЗрдВ, рдкрд┐рдЫрд▓реЗ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдкреНрд░рднрд╛рд╡реА

рдЕрдЧрд░ рдореИрдВ atd рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рдирдИ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╢реБрд░реВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рддреЛ рдХреНрдпрд╛ рдЖрдк рд╕рдВрд╕реНрдХрд░рдг 3 рдпрд╛ 4 рдЕрд▓реНрдлрд╛ рдЪреБрдиреЗрдВрдЧреЗ? "рдкреНрд░реЛрдбрдХреНрд╢рди рд░реЗрдбреА" рд╕рдВрд╕реНрдХрд░рдг 4 рдХреИрд╕реЗ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдЕрднреА рднреА рдПрдХ q4 рд░рд┐рд▓реАрдЬ рдХреЗ рд▓рд┐рдП рд▓рдХреНрд╖реНрдп рд░рдЦрддреЗ рд╣реИрдВ?

рдЕрдЧрд░ рдореИрдВ atd рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рдирдИ рдкрд░рд┐рдпреЛрдЬрдирд╛ рд╢реБрд░реВ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рддреЛ рдХреНрдпрд╛ рдЖрдк рд╕рдВрд╕реНрдХрд░рдг 3 рдпрд╛ 4 рдЕрд▓реНрдлрд╛ рдЪреБрдиреЗрдВрдЧреЗ? "рдкреНрд░реЛрдбрдХреНрд╢рди рд░реЗрдбреА" рд╕рдВрд╕реНрдХрд░рдг 4 рдХреИрд╕реЗ рд╣реИ? рдХреНрдпрд╛ рдЖрдк рдЕрднреА рднреА рдПрдХ q4 рд░рд┐рд▓реАрдЬ рдХреЗ рд▓рд┐рдП рд▓рдХреНрд╖реНрдп рд░рдЦрддреЗ рд╣реИрдВ?

Antd 4 рдЕрднреА рддрдХ рддреИрдпрд╛рд░ рдирд╣реАрдВ рд╣реИред рдЖрдкрдХреЛ atd 3 рдХреЗ рд╕рд╛рде рд╢реБрд░реВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рд╕рдВрдХреНрд░рдордг рдЖрд╕рд╛рди рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП (рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рдЕрдЧрд░ рдХреЛрдбрдореЛрдбреНрд╕ рдЕрдкреЗрдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рдкреНрд░рджрд╛рди рдХрд┐рдП рдЧрдП рд╣реИрдВ)ред

рдореБрдЭреЗ рддрд░реНрдХ рдФрд░ рдкреНрд░рджрд░реНрд╢рди рдХреЗ рдмреАрдЪ рдПрдХ рдкреВрд░реНрдг рдЕрд▓рдЧрд╛рд╡ рджреЗрдЦрдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИ, рдЬреЛ рдХрд┐ рд╡рд░реНрдЧ рдирд╛рдореЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░рдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛, js рджреГрд╢реНрдп рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдФрд░ рдХреБрдЫ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рджреГрд╢реНрдп рдЙрдкрд╕реНрдерд┐рддрд┐ рд╕рднреА рдХреЛ CSS (LESS) рджреНрд╡рд╛рд░рд╛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рд┐рдПрдХреНрдЯ рдШрдЯрдХреЛрдВ рдХреЗ рдмрдЬрд╛рдп, рд╢рд╛рдпрдж рд╡реЗрдм рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ рддрд╛рдХрд┐ рдЧреИрд░-рд░рд┐рдПрдХреНрдЯ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдЖрд╕рд╛рдиреА рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХреЗрдВред

рдореБрдЭреЗ рддрд░реНрдХ рдФрд░ рдкреНрд░рджрд░реНрд╢рди рдХреЗ рдмреАрдЪ рдПрдХ рдкреВрд░реНрдг рдЕрд▓рдЧрд╛рд╡ рджреЗрдЦрдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИ, рдЬреЛ рдХрд┐ рд╡рд░реНрдЧ рдирд╛рдореЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░рдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛, js рджреГрд╢реНрдп рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдФрд░ рдХреБрдЫ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рджреГрд╢реНрдп рдЙрдкрд╕реНрдерд┐рддрд┐ рд╕рднреА рдХреЛ CSS (LESS) рджреНрд╡рд╛рд░рд╛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рд┐рдПрдХреНрдЯ рдШрдЯрдХреЛрдВ рдХреЗ рдмрдЬрд╛рдп, рд╢рд╛рдпрдж рд╡реЗрдм рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ рддрд╛рдХрд┐ рдЧреИрд░-рд░рд┐рдПрдХреНрдЯ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдЖрд╕рд╛рдиреА рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХреЗрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдм рдХреБрдЫ рд╢реБрджреНрдз рдХрд░рдиреЗ рдХрд╛ рдпрд╣ рд╡рд┐рдЪрд╛рд░ рд╡реНрдпрд░реНрде рд╣реИред рдмреЗрд╣рддрд░ рд╣реИ рдХрд┐ рдХреБрдЫ рдФрд░ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд╛рддреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдВред

AutoComplete рдореЗрдВ рдмрд╣реБ-рдЪрдпрди рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛, рдЬреИрд╕реЗ https://react-select.com?

рдореБрдЭреЗ рддрд░реНрдХ рдФрд░ рдкреНрд░рджрд░реНрд╢рди рдХреЗ рдмреАрдЪ рдПрдХ рдкреВрд░реНрдг рдЕрд▓рдЧрд╛рд╡ рджреЗрдЦрдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИ, рдЬреЛ рдХрд┐ рд╡рд░реНрдЧ рдирд╛рдореЛрдВ рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░рдиреЗ рдХреЗ рдЕрд▓рд╛рд╡рд╛, js рджреГрд╢реНрдп рдХреЗ рдЕрд▓рд╛рд╡рд╛ рдФрд░ рдХреБрдЫ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИред рджреГрд╢реНрдп рдЙрдкрд╕реНрдерд┐рддрд┐ рд╕рднреА рдХреЛ CSS (LESS) рджреНрд╡рд╛рд░рд╛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рд░рд┐рдПрдХреНрдЯ рдШрдЯрдХреЛрдВ рдХреЗ рдмрдЬрд╛рдп, рд╢рд╛рдпрдж рд╡реЗрдм рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВ рддрд╛рдХрд┐ рдЧреИрд░-рд░рд┐рдПрдХреНрдЯ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдЖрд╕рд╛рдиреА рд╕реЗ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХреЗрдВред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╕рдм рдХреБрдЫ рд╢реБрджреНрдз рдХрд░рдиреЗ рдХрд╛ рдпрд╣ рд╡рд┐рдЪрд╛рд░ рд╡реНрдпрд░реНрде рд╣реИред рдмреЗрд╣рддрд░ рд╣реИ рдХрд┐ рдХреБрдЫ рдФрд░ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдмрд╛рддреЛрдВ рдкрд░ рдзреНрдпрд╛рди рджреЗрдВред

рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдЕрд▓рдЧрд╛рд╡ рд╕реЗ рдЬреНрдпрд╛рджрд╛ рджрдмрд╛рд╡ рдХреА рдмрд╛рдд рд╣реИред рдПрдХ рдЯреАрдо рдореЗрдВ, рд╕реАрдПрд╕рдПрд╕ рдЖрдорддреМрд░ рдкрд░ рдбрд┐рдЬрд╛рдЗрдирд░реЛрдВ рджреНрд╡рд╛рд░рд╛ рдирд┐рдпрдВрддреНрд░рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдЬрдмрдХрд┐ рдЬреЗрдПрд╕ рдЖрдорддреМрд░ рдкрд░ рдХреЛрдбрд░ рджреНрд╡рд╛рд░рд╛ рд╣реЛрддрд╛ рд╣реИред рд╢реИрд▓реА рдореЗрдВ рд╣реЗрд░рдлреЗрд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджреЛрдиреЛрдВ рдХреА рдЕрдиреБрдорддрд┐ рджреЗрдиреЗ рд╕реЗ рдЕрд░рд╛рдЬрдХрддрд╛ рдФрд░ рдЕрдирд╛рд╡рд╢реНрдпрдХ рд░реВрдк рд╕реЗ рдЦреЛрдП рд╣реБрдП рд╡рд┐рдХрд╛рд╕ рдХрд╛ рд╕рдордп рдЖрдПрдЧрд╛ред

рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП рдореЗрдиреВ рд▓реЗ рд▓реЛ, рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдЪреМрдбрд╝рд╛рдИ рдФрд░ рдКрдВрдЪрд╛рдИ рдЬреЗрдПрд╕ рджреНрд╡рд╛рд░рд╛ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдХреА рдЬрд╛рддреА рд╣реИ, рд╕рдорд╕реНрдпрд╛ рдпрд╣ рд╣реИ рдХрд┐ рдЬрдм рдХреЛрдИ рдЖрдЙрдЯрдкрд░ рд░реИрдкрд░ рдХреА рдЪреМрдбрд╝рд╛рдИ рдпрд╛ рдКрдВрдЪрд╛рдИ рдмрджрд▓рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реИ, рддреЛ рдореЗрдиреВ рдпрд╛ рддреЛ рдмрд╛рд╣рд░ рдЪрд┐рдкрдХреЗрдЧрд╛ рдпрд╛ рдЪрд╛рд░реЛрдВ рдУрд░ рдЕрдВрддрд░рд╛рд▓ рд╣реЛрдЧрд╛ред рдЗрд╕рдХреЗ рд▓рд┐рдП рдбрд┐рдЬрд╛рдЗрдирд░ рдФрд░ рдХреЛрдбрд░ рджреЛрдиреЛрдВ рдХреЛ рдареАрдХ рдХрд░рдирд╛ рд╣реЛрдЧрд╛, рдЬрд┐рд╕рдХрд╛ рдЕрд░реНрде рд╣реИ рдбрд╛рдЙрдирдЯрд╛рдЗрдоред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдШрдЯрдХреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ, рдХреЛрдб рдЕрддреНрдпрдзрд┐рдХ рдЬрдЯрд┐рд▓ рдирд╣реАрдВ рд╣реИ, рдЬреБрджрд╛рдИ рдХреЛ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдкреНрд░рдпрд╛рд╕ рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рд▓реЗрдХрд┐рди рдкрд░рд┐рдгрд╛рдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рд▓рд┐рдП рдЬреАрд╡рди рдХреЛ рдмрд╣реБрдд рдЖрд╕рд╛рди рдмрдирд╛ рджреЗрдЧрд╛, рдФрд░ рдПрдВрдЯреАрдбрд┐рд╕рд╛рдЗрди рдЯреАрдо рд╕реНрд╡рдпрдВред

рдПрдХ рдФрд░ рдЫреЛрдЯрд╛ рдореБрджреНрджрд╛, рдЖрдЗрдХрди рдХреЛ 16px рдкрд░ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, 14px рдирд╣реАрдВ, рдЬреЛ рдХрд┐ рд╡реИрд╢реНрд╡рд┐рдХ рдбрд┐рдлрд╝реЙрд▓реНрдЯ рдлрд╝реЙрдиреНрдЯ рдЖрдХрд╛рд░ рд╣реИред рдЗрд╕рдХрд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдЖрдЗрдХрди рдХреЛ рдЯреЗрдХреНрд╕реНрдЯ рд╕реЗ рдЕрд▓рдЧ @ рдбрд┐рдлрд╝реЙрд▓реНрдЯ-рдЖрдЗрдХрди-рдЖрдХрд╛рд░, @ рдЖрдЗрдХрди-рдЖрдХрд╛рд░-рдПрд▓рдЬреА, рдЖрджрд┐ рдЬреИрд╕реЗ рдЪрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рдмрдЧ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдПрдХ рд╕реБрд╡рд┐рдзрд╛ рдЦреЛ рдЧрдИ рд╣реИред

@ afc163
рдХреНрдпрд╛ рдЖрдкрдиреЗ рдорд╛рдирд╛ рд╣реИ рдХрд┐ рд╡рд┐рджреЗрд╢реА рд▓реЛрдЧ рдЗрд╕ рд░реЗрдкреЛ рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░ рд░рд╣реЗ рд╣реИрдВ? рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ, Google рдЕрдиреБрд╡рд╛рдж рдпрд╣ рд╕рдордЭрдиреЗ рдХрд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╕рд╛рдзрди рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдк рдХреНрдпрд╛ рдХрд╣ рд░рд╣реЗ рд╣реИрдВред рдореБрдЭреЗ рдПрд╣рд╕рд╛рд╕ рд╣реИ рдХрд┐ рдЪреАрдВрдЯреА-рдбрд┐рдЬрд╛рдЗрди рдХреЗ рдЕрдзрд┐рдХрд╛рдВрд╢ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЪреАрдиреА рд╣реИрдВ, рд▓реЗрдХрд┐рди рдХреНрдпрд╛ рдЖрдк рдЧреИрд░-рдЪреАрдиреА рднреА рдорд╛рдирддреЗ рд╣реИрдВ?
рдЗрд╕рд▓рд┐рдП, рдореИрдВ рдЖрдкрд╕реЗ рдЖрдЧреНрд░рд╣ рдХрд░рддрд╛ рд╣реВрдВ рдХрд┐ рд╣рдо рд╕рднреА рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдВрддрд░реНрд░рд╛рд╖реНрдЯреНрд░реАрдп рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред

рд▓реЛрдЧ рдЕрдкрдиреА рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд╣рдХрджрд╛рд░ рд╣реИрдВ рдФрд░ рдРрд╕рд╛ рдХрд░рдиреЗ рдореЗрдВ рд╕рд╣рдЬ рдорд╣рд╕реВрд╕ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдФрд░ рдЬрд┐рддрдирд╛ рдореИрдВ рдЕрдиреБрд╡рд╛рдж рдкреНрд░рджрд╛рди рдХрд░рдХреЗ рд╕рдВрднрд╡ рд╕рдмрд╕реЗ рдмрдбрд╝реЗ рджрд░реНрд╢рдХреЛрдВ рдХреЛ рд╢рд╛рдорд┐рд▓ рдХрд░рдиреЗ рдХреЗ рдкреНрд░рдпрд╛рд╕ рдХрд╛ рд╕рдореНрдорд╛рди рдХрд░рддрд╛ рд╣реВрдВ, рдХрд┐рд╕реА рдХреЛ рд╕рд┐рд░реНрдл рдЙрд╕ рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡реНрдпрд╛рдЦреНрдпрд╛рди рдирд╣реАрдВ рджрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬрд┐рд╕рдХреЗ рд╕рд╛рде рд╡рд╣ рд╕рдмрд╕реЗ рд╕рд╣рдЬ рд╣реИред рдХрд┐ рдЕрдиреБрдЪрд░ рд╕рдВрд╡рд╛рдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдордЭрддрд╛ рд╣реИред рдЗрд╕ рд╡рд┐рдЪрд╛рд░ рдкрд░ рдХрд┐ рдЗрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рдкреНрд░рдореБрдЦ рдпреЛрдЧрджрд╛рдирдХрд░реНрддрд╛рдУрдВ рдХреЛ рдЕрдкрдиреА рдореВрд▓ рднрд╛рд╖рд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдЗрд╕ рдмрд╛рдд рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдХрд┐ рдХреЛрдИ рдЕрдиреНрдп рднрд╛рд╖рд╛ рд╢реНрд░реЗрд╖реНрда рд╣реИ, рдмреЗрддреБрдХрд╛ рд╕реЗ рдкрд░реЗ рд╣реИред рдЕрдиреБрд╡рд╛рдж рдХреЗ рд▓рд┐рдП рдкреВрдЫрдирд╛ рдареАрдХ рд╣реИ, рд▓реЗрдХрд┐рди рд╕рдореНрдорд╛рди рдХреЗ рд╕рд╛рдеред рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛рдУрдВ рдХреЛ рдХрдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреНрдпреЛрдВрдХрд┐ рд╡реЗ рдЪреАрдиреА рдореЗрдВ рд╣реИрдВ, рджреЛрдиреЛрдВ рдХрд╛рдЙрдВрдЯрд░-рдЙрддреНрдкрд╛рджрдХ рдФрд░ рдмрдЪрдХрд╛рдиреЗ рд╣реИрдВред

рджреЛрд╕реНрддреЛрдВ, рдХреНрдпрд╛ рд╕реАрдПрд╕рдПрд╕ рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП _Less_ рдХреЗ рдмрдЬрд╛рдп And Design рд╕рдВрд╕реНрдХрд░рдг 4.0 рдХрд╛ JSS рд╣реИ ?

рджреЛрд╕реНрддреЛрдВ, рдХреНрдпрд╛ рд╕реАрдПрд╕рдПрд╕ рдЙрддреНрдкрдиреНрди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП _Less_ рдХреЗ рдмрдЬрд╛рдп And Design рд╕рдВрд╕реНрдХрд░рдг 4.0 рдХрд╛ JSS рд╣реИ ?

AFAIK, рдирд╣реАрдВред рд▓реЗрдХрд┐рди рдЖрдк рдХрдо рдХреЗ рдЕрд▓рд╛рд╡рд╛ рд╕реНрдЯрд╛рдЗрд▓-рдШрдЯрдХреЛрдВ (рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП) рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

рдзрдиреНрдпрд╡рд╛рдж, рдкреНрд░рд┐рдп @ tomgao365 , рдореИрдВ рдЙрд╕ рдореБрджреНрджреЗ рдХреЛ рдмрдирд╛рддрд╛ рд╣реВрдВ рдЬрд┐рд╕реЗ рдЖрдкрдиреЗ рд╕рдВрджрд░реНрднрд┐рдд рдХрд┐рдпрд╛ рдерд╛ред рдореИрдВ рдХрдо рдкреВрд░реА рддрд░рд╣ рд╕реЗ рд╣рдЯрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдорд╣рд╛рди рдкреАрдЖрд░ рдмрдирд╛рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдЗрд╕рдХреЗ рдмрдЬрд╛рдп рдЬреЗрдПрд╕рдПрд╕ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реВрдВред рд╕рдВрд╕реНрдХрд░рдг 3 рдкрд░ рдХрд╛рдо рдХрд░рдирд╛ рдПрдХ рдЕрдЪреНрдЫрд╛ рд╡рд┐рдЪрд╛рд░ рдирд╣реАрдВ рд╣реИ, рдХреНрдпреЛрдВрдХрд┐ рдХрдИ рдкрд░рд┐рдпреЛрдЬрдирд╛рдПрдВ рд╕рдВрд╕реНрдХрд░рдг 3 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдмрдирд╛рдИ рдЧрдИ рдереАрдВ, рдЗрд╕рд▓рд┐рдП рдореИрдВрдиреЗ рд╕рдВрд╕реНрдХрд░рдг 4 рдкрд░ рдЬреЗрдПрд╕рдПрд╕ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдкрд░ рдХрд╛рдо рдХрд░рдиреЗ рдХрд╛ рдлреИрд╕рд▓рд╛ рдХрд┐рдпрд╛ред

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЫреЛрдЯрд╛ рд╕рд╛ рд╕рд╡рд╛рд▓ рд╣реИ, рдкреНрд░рд┐рдп @abenhamdine , рдХрдо рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп JSS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдкрдХрд╛ рдХреНрдпрд╛ рд╡рд┐рдЪрд╛рд░ рд╣реИ?

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЫреЛрдЯрд╛ рд╕рд╛ рд╕рд╡рд╛рд▓ рд╣реИ, рдкреНрд░рд┐рдп @abenhamdine , рдХрдо рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп JSS рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЖрдкрдХрд╛ рдХреНрдпрд╛ рд╡рд┐рдЪрд╛рд░ рд╣реИ?

рдореЗрд░реЗ рдЕрдиреБрд╕рд╛рд░ рдореБрдЦреНрдп рд▓рд╛рдн:

  • рдЧрддрд┐рд╢реАрд▓ рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ (рдХрдо рдХреЗ рд╕рд╛рде рджрд░реНрдж)
  • рд╕реНрд╡рддрдГ рдкреВрд░реНрдгрддрд╛ (рдЙрд╕ рдХреЗ рд▓рд┐рдП рдирд┐рд╢реНрдЪрд┐рдд рдирд╣реАрдВ рд╣реИ, рдЗрд╕ рдмрд╛рдд рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░реЗрдВ рдХрд┐ рдЖрдк рдХрд┐рд╕ рдЯреВрд▓рд┐рдВрдЧ / JSS рд▓рд╛рдЗрдмреНрд░реЗрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ)
  • рд╢реИрд▓рд┐рдпреЛрдВ рдХреА рд╡рд┐рд░рд╛рд╕рдд

рдЖрдЬрдорд╛рдиреЗ рдпреЛрдЧреНрдпред
рд▓реЗрдХрд┐рди рдпрд╣ рдЪрд╛рдВрджреА рдХреА рдЧреЛрд▓реА рдирд╣реАрдВ рд╣реИред

рдкреНрд░рд┐рдп @abenhamdine , рдореИрдВ рдПрдХ рдореБрджреНрджрд╛ рдЫреЛрдбрд╝рддрд╛ рд╣реВрдВ рдЬрд┐рд╕реЗ Discussion рдмреИрдЬ рдорд┐рд▓рд╛ред рдпрд╣ # 19181 рд╣реИред

рдФрд░ рдореИрдВ рдЬреЗрдПрд╕рдПрд╕ рдХреЛ рд▓рд╛рдЧреВ рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдФрд░ рдХрдо рдЫреЛрдбрд╝рдирд╛ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рд▓реЗрдХрд┐рди рдПрдХ рдирдпрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЖ рд░рд╣рд╛ рд╣реИ рдФрд░ рдореБрдЭреЗ рдбрд░ рд╣реИ рдХрд┐ рдореЗрд░реЗ рд╕рднреА рдкреНрд░рдпрд╛рд╕ рдмрд░реНрдмрд╛рдж рд╣реЛ рдЬрд╛рдПрдВрдЧреЗред

рдкрд▓-рдкрд▓ рдХреА рдЬрдЧрд╣ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЪрд░реНрдЪрд╛ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдЦреБрд╢реАред Day.js рдпрд╛ рджреЗрд╢реА рдбреЗрдЯ рдСрдмреНрдЬреЗрдХреНрдЯ рдЬреИрд╕реЗ рд╡реИрдХрд▓реНрдкрд┐рдХ рд╡рд┐рдХрд▓реНрдк рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ https://github.com/ant-design/ant-design/issues/19738

рдХреНрдпрд╛ рд╕рдВрд╕реНрдХрд░рдг 4 рдореЗрдВ рдХреНрд░рд┐рдПрдЯ-рд░рд┐рдПрдХреНрд╢рди-рдРрдк рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд░рдВрдЧ рд╡рд┐рд╖рдпреЛрдВ рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рдПрдХ рдЖрд╕рд╛рди рддрд░реАрдХрд╛ рд╣реЛрдЧрд╛?

рдореИрдВ @flashtheman рд╕реЗ рд╕рд╣рдордд https://emotion.sh/docs/theming

JQuery рдХреЗ рдпреБрдЧ рдореЗрдВ, рдереАрдо рд╕реЗрдЯрд┐рдВрдЧреНрд╕ рдмрд╣реБрдд рд▓реЛрдХрдкреНрд░рд┐рдп рд╣реИрдВ рдФрд░ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВред
рдореИрдВрдиреЗ рдЙрддреНрдкрд╛рджрди рд╡рд╛рддрд╛рд╡рд░рдг рдореЗрдВ рдереАрдо рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП 2 рд╡рд░реНрд╖реЛрдВ рд╕реЗ рдЕрдзрд┐рдХ рд╕рдордп рд╕реЗ рдЖрд╕рд╛рди рддрд░реАрдХрд╛ рдЗрдВрддрдЬрд╛рд░ рдХрд┐рдпрд╛ рд╣реИред

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

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

рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдореЗрдВ рдЕрдиреБрд╢рдВрд╕рд┐рдд https://github.com/smooth-code/loadable-compenders рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░реЗрдВ

рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╕рдВрд╕реНрдХрд░рдг рдХрдм рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛?

4.0 рдЯреЗрдмрд▓ рдкрд┐рд╡рдЯ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реИ?

@ afc163 - рд▓рдЧрддрд╛ рд╣реИ рдЬреИрд╕реЗ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдирдВрдмрд░ 1 рдореБрджреНрджрд╛ рд╣реИ рдЬреЛ рд▓реЛрдЧ рдПрдХ рдирдИ рд░рд┐рд▓реАрдЬ рдХреЗ рд╕рд╛рде рдЪрд╛рд╣рддреЗ рд╣реИрдВред рдХреНрдпрд╛ рдЖрдкрдХреЗ рдкрд╛рд╕ рдЗрд╕ рдкрд░ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдИ рд╣реИ? рдореБрдЭреЗ рдпрд╣ рдХрд╛рдо рдХрд░рдиреЗ рдФрд░ рдорджрдж рдХрд░рдиреЗ рдореЗрдВ рдЦреБрд╢реА рд╣реЛрдЧреАред рдпрд╣ рдХрдард┐рди рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдП, рдмрд╕ рдХреБрдЫ рдкреНрд░рдпрд╛рд╕ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред рдореИрдВ Ant Design рдХреЗ рд╕рд╛рде рднреА рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рд╕реЗ рдЧреНрд░рд╕реНрдд рд╣реВрдБред рдореИрдВ рдЗрд╕реЗ рд╣рд▓ рдХрд░рдирд╛ рдЪрд╛рд╣реВрдВрдЧрд╛ред

рдХреНрдпрд╛ рдШрдЯрдХ рдЖрдХрд╛рд░ рдХреЛ рдХрдо рдХрд░рдиреЗ рдкрд░ рдХреЛрдИ рдХрд╛рд░реНрдп рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ?
рдПрдХ рдмрд╛рд░ рдХреЗ рд▓рд┐рдП: рдЕрдЧрд░ рдореБрдЭреЗ рдПрдХ рд╕рд░рд▓ Button - рддреЛ рдореБрдЭреЗ atd.css рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдкреВрд░рд╛ рдЖрдпрд╛рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛ ??

рдХреНрдпрд╛ рдШрдЯрдХ рдЖрдХрд╛рд░ рдХреЛ рдХрдо рдХрд░рдиреЗ рдкрд░ рдХреЛрдИ рдХрд╛рд░реНрдп рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ?
рдПрдХ рдмрд╛рд░ рдХреЗ рд▓рд┐рдП: рдЕрдЧрд░ рдореБрдЭреЗ рдПрдХ рд╕рд░рд▓ Button - рддреЛ рдореБрдЭреЗ atd.css рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдкреВрд░рд╛ рдЖрдпрд╛рдд рдХрд░рдирд╛ рд╣реЛрдЧрд╛ ??

@ avalanche1 https://ant.design/docs/react/introduce#Usage рдХрд╛ рд╕рдВрджрд░реНрдн рд▓реЗрдВ

рдореЙрдбреНрдпреВрд▓рд░ atd рдХрд╛ рдкреНрд░рдпреЛрдЧ рдХрд░реЗрдВ

рдореЗрд░реЗ рд▓рд┐рдП, рдХрд╕реНрдЯрдо рд╕реВрдЪреА рд░реЗрдВрдбрд░рд┐рдВрдЧ рд╕рдорд░реНрдерди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдкрд▓реЛрдб рдШрдЯрдХ рдкрд░реНрдпрд╛рдкреНрдд рдирд╣реАрдВ рд╣реИред
рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛, рдЕрдкрд▓реЛрдб рдХреА рдкреНрд░рдЧрддрд┐ рдХреЗрд╡рд▓ рдПрдХ рдкреНрд░рддрд┐рд╢рдд рд╣реИ, рдФрд░ рдпрд╣ рд╡рд╛рд╕реНрддрд╡рд┐рдХ рд╕рдордп рдЧрддрд┐ рдкреНрд░рджрд░реНрд╢рди рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╕реНрддрд╛рд░ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдирд╣реАрдВ рд╣реИред

@ banxi1988

https://github.com

рдпрджрд┐ рдЧрддрд┐ рдкреНрд░рджрд░реНрд╢рди рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рддреЛ рдСрдирдХреЗрдВрдЬ рдиреЗ рдЕрдкрд▓реЛрдб рдХреА рдЧрдИ рдлрд╝рд╛рдЗрд▓ рдХрд╛ рдкреНрд░рддрд┐рд╢рдд рд╡рд╛рдкрд╕ рдХрд░ рджрд┐рдпрд╛ рд╣реИред рдЖрдк рдЕрдкрд▓реЛрдб рдЧрддрд┐ рдХреА рдЧрдгрдирд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

@ Z3SA https://caniuse.com/#search = CSS% 20Variablesред рдпрд╣ рд╕рднреА IE рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, IE11 рд╕рдорд░реНрдерди рдмрдВрдж рдХрд░реЛ рдмрд╣реБрдд рдХрдЯреНрдЯрд░рдкрдВрдереА рд╣реИ, рд╣рд╛рд▓рд╛рдВрдХрд┐ рдореИрдВ рднреА рдРрд╕рд╛ рдХрд░рдиреЗ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рддрд╛ рд╣реВрдВред

рдЖрдк рдлрд╝реЙрд▓рдмреИрдХ рд╕рдкреЛрд░реНрдЯ рдХреЗ рд╕рд╛рде рднреА рдРрд╕рд╛ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред Ex: color: var(--red, @red); рдПрдХ рд╕рд╛рдзрд╛рд░рдг рд╡реИрд╢реНрд╡рд┐рдХ рдЦреЛрдЬ / рд╕рднреА рдореМрдЬреВрджрд╛ рдЪрд░ рдХреЗ рд▓рд┐рдП рдмрджрд▓реЗрдВ рдЗрд╕рдХреЗ рд▓рд┐рдП рд╣рд▓ рдХрд░реЗрдВрдЧреЗред

VASS рдХреЗ рд▓рд┐рдП LASS рдХреЛ SASS рдпрд╛ рдЕрдиреНрдп рдмреЗрд╣рддрд░ рд╕реНрдЯрд╛рдЗрд▓рд┐рдВрдЧ рд╕реЙрд▓реНрдпреВрд╢рди рдХреЗ рдкрдХреНрд╖ рдореЗрдВ рдорд╛рдирд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИ рдпрд╛ рдирд╣реАрдВ?

рд╣рд╛рдп, @murbanowicz, рдзрдиреНрдпрд╡рд╛рдж рдЕрдкрдиреА рдЯрд┐рдкреНрдкрдгреА рдХреЗ рд▓рд┐рдП, рдореИрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рдореБрджреНрджрд╛ рдЫреЛрдбрд╝ JSS рдХреЗ рдмрдЬрд╛рдп Less рдФрд░ рдпрд╣рд╛рдБ, рдореИрдВ рдЗрд╕ рдкреНрд░рд╡рд╛рд╕ рд▓реЗрдХрд┐рди рдХреЛрдИ рднреА рдкрддрд╛ рдЪрд▓рддрд╛ рд╣реИ рдХрд┐рд╕реА рднреА рдХрд╛рд░реНрд░рд╡рд╛рдИ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдореЗрд░реА рддрддреНрдкрд░рддрд╛ рджрд┐рдЦрд╛рддреЗ рд╣реИрдВред

рд╣рд╛рдп @zombieJ , рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдкрд░ рдЕрдкрдиреЗ рдорд╣рд╛рди рдХрд╛рдо рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж? рдХреНрдпрд╛ рдПрдкреНрд▓рд┐рдХреЗрд╢рди рдореЗрдВ рдбрд╛рд░реНрдХ рдереАрдо рдХреЛ рдЯреЙрдЧрд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдЙрдЯ рдСрдл рдмреЙрдХреНрд╕ рддрд░реАрдХрд╛ рдкреНрд░рджрд╛рди рдХрд░рдиреЗ рдХреА рдХреЛрдИ рдпреЛрдЬрдирд╛ рд╣реИ?

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

@shengliangli рдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпреБрдЧреНрдорди рдмрд╣реБрдд рдордЬрдмреВрдд рд╣реИред ред ред

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

@shengliangli рдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпреБрдЧреНрдорди рдмрд╣реБрдд рдордЬрдмреВрдд рд╣реИред ред ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ Form.Item рдПрдХ "рдЕрддрд┐рд░рд┐рдХреНрдд" рдШрдЯрдХ рд╣реИ, рдЬрд┐рд╕реЗ atd рджреНрд╡рд╛рд░рд╛ рдЬреЛрдбрд╝рд╛ рдЬрд╛рддрд╛ рд╣реИ рддрд╛рдХрд┐ рд╡рд╣ рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдХреЗ рдбреЗрдЯрд╛ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдПрд╣рд╕рд╛рд╕ рдХрд░ рд╕рдХреЗред рдЗрд╕ рдЕрд╣рд╕рд╛рд╕ рдХреЗ рдХрд╛рд░рдг рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЖрдЦрд┐рд░рдХрд╛рд░, рдпрд╣ рдПрдХ рдЕрддрд┐рд░рд┐рдХреНрдд рдЪреАрдЬрд╝ рдЬреЛрдбрд╝рддрд╛ рд╣реИред рдЬрд┐рд╕ рддрд░рд╣ рд╣рд░ рдХреЛрдИ redux рдореЗрдВ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдореЙрдбреНрдпреВрд▓рд░ рдХреЛрдб рдХреА рд╕рдорд╕реНрдпрд╛ рдХреА рдЖрд▓реЛрдЪрдирд╛ рдХрд░рддрд╛ рд╣реИ, рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЛ рд▓реЗрдЦрди рдХрд╛ рдпрд╣ рддрд░реАрдХрд╛ рдкрд╕рдВрдж рдирд╣реАрдВ рдЖ рд╕рдХрддрд╛ рд╣реИред рдпрджрд┐ рдбреЗрдЯрд╛ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЛ form.item рджреНрд╡рд╛рд░рд╛ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЗрд╕реЗ рдЗрдирдкреБрдЯ рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдордЭрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рддрд╛рдХрд┐ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛ рдХреЛ рдмрдврд╝рд╛рдпрд╛ рдЬрд╛ рд╕рдХреЗ, рдХреНрдпрд╛ рдпрд╣ рдЕрдзрд┐рдХ рд╕реНрд╡рд╛рднрд╛рд╡рд┐рдХ рд▓рдЧрддрд╛ рд╣реИ?

рдореИрдВрдиреЗ рдпреБрдЧреНрдорди рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреА рд╕реЛрдЪрд╛ред рд╕рдорд╕реНрдпрд╛ рдХреА рдЬрдбрд╝ рдпрд╣ рд╣реЛ рд╕рдХрддреА рд╣реИ рдХрд┐ рд╣рдо рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдФрд░ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдХреИрд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВред

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

@shengliangli рдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпреБрдЧреНрдорди рдмрд╣реБрдд рдордЬрдмреВрдд рд╣реИред ред ред

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ Form.Item рдПрдХ "рдЕрддрд┐рд░рд┐рдХреНрдд" рдШрдЯрдХ рд╣реИ, рдЬрд┐рд╕реЗ atd рджреНрд╡рд╛рд░рд╛ рдЬреЛрдбрд╝рд╛ рдЬрд╛рддрд╛ рд╣реИ рддрд╛рдХрд┐ рд╡рд╣ рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдХреЗ рдбреЗрдЯрд╛ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХрд╛ рдПрд╣рд╕рд╛рд╕ рдХрд░ рд╕рдХреЗред рдЗрд╕ рдЕрд╣рд╕рд╛рд╕ рдХреЗ рдХрд╛рд░рдг рд╣реИрдВ, рд▓реЗрдХрд┐рди рдЖрдЦрд┐рд░рдХрд╛рд░, рдпрд╣ рдПрдХ рдЕрддрд┐рд░рд┐рдХреНрдд рдЪреАрдЬрд╝ рдЬреЛрдбрд╝рддрд╛ рд╣реИред рдЬрд┐рд╕ рддрд░рд╣ рд╣рд░ рдХреЛрдИ redux рдореЗрдВ рдмрд╣реБрдд рдЕрдзрд┐рдХ рдореЙрдбреНрдпреВрд▓рд░ рдХреЛрдб рдХреА рд╕рдорд╕реНрдпрд╛ рдХреА рдЖрд▓реЛрдЪрдирд╛ рдХрд░рддрд╛ рд╣реИ, рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЛ рд▓реЗрдЦрди рдХрд╛ рдпрд╣ рддрд░реАрдХрд╛ рдкрд╕рдВрдж рдирд╣реАрдВ рдЖ рд╕рдХрддрд╛ рд╣реИред рдпрджрд┐ рдбреЗрдЯрд╛ рдмрд╛рдЗрдВрдбрд┐рдВрдЧ рдлрд╝рдВрдХреНрд╢рди рдХреЛ form.item рджреНрд╡рд╛рд░рд╛ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рддреЛ рдЗрд╕реЗ рдЗрдирдкреБрдЯ рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЗ рд░реВрдк рдореЗрдВ рд╕рдордЭрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ, рддрд╛рдХрд┐ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛ рдХреЛ рдмрдврд╝рд╛рдпрд╛ рдЬрд╛ рд╕рдХреЗ, рдХреНрдпрд╛ рдпрд╣ рдЕрдзрд┐рдХ рд╕реНрд╡рд╛рднрд╛рд╡рд┐рдХ рд▓рдЧрддрд╛ рд╣реИ?

рдореИрдВрдиреЗ рдпреБрдЧреНрдорди рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рднреА рд╕реЛрдЪрд╛ред рд╕рдорд╕реНрдпрд╛ рдХреА рдЬрдбрд╝ рдпрд╣ рд╣реЛ рд╕рдХрддреА рд╣реИ рдХрд┐ рд╣рдо рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдФрд░ рд╡реНрдпрд╡рд╣рд╛рд░ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдХреЛ рдХреИрд╕реЗ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВред

рдореИрдВ рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рд╕рд╣рдордд рдирд╣реАрдВ рд╣реВрдВред рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдлреЙрд░реНрдоред рдпрд╣ рдореБрдЦреНрдп рд░реВрдк рд╕реЗ рдПрдХ рдШрдЯрдХ рдХрд╛ рдПрдХ рдмрд╛рд╣рд░реА рдкреИрдХреЗрдЬ рд╣реИ, рдЬреИрд╕реЗ рд▓реЗрдмрд▓ рдФрд░ рдХреЙрд▓рдо рд╡рд┐рд╢реЗрд╖рддрд╛рдПрдБ, рдЬреЛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдШрдЯрдХреЛрдВ рдореЗрдВ рдЗрдирд▓рд╛рдЗрди рдХреЗ рд▓рд┐рдП рдЙрдкрдпреБрдХреНрдд рдирд╣реАрдВ рд╣реИрдВред

рд╣рд╛рдп @zombieJ
рдЬрд╛рдирдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ рдХрд┐ рд╕рдВрд╕реНрдХрд░рдг 4 рдХрдм рд╣реЛрдЧрд╛?
рдЖрдЧреЗ рдХреА рд╕реБрдирд╡рд╛рдИ рдХреЗ рд▓рд┐рдП рдЖрдЧреЗ рджреЗрдЦ рд░рд╣реЗ рд╣реИрдВ

рдореИрдВ рдбрд┐рдЬрд╛рдЗрди рдореЗрдВ рднреА рдХреИрд╕реЗ рдпреЛрдЧрджрд╛рди рдХрд░реВрдВ?
рдХрд┐рд╕реА рдХреА рдмрд╛рдд рд╕реБрдирдирд╛

рдмреАрдЯрд╛.0 рд╕рдВрд╕реНрдХрд░рдг рдЙрдкрд▓рдмреНрдз рд╣реИ, рдХреНрдпрд╛ рдЗрд╕рдХрд╛ рдорддрд▓рдм рдпрд╣ рд╣реИ рдХрд┐ рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ?

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдкрдХреЛ рдпрд╣ рдЬрд╛рдирдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЗрд╕рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдпрд╛ рдирд╣реАрдВ рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИ, рддрдерд╛рдХрдерд┐рдд рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рджреБрд░реНрдШрдЯрдирд╛ рдХрд╣рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
getFieldDecorator рд╡рд╣ рдмреНрд░рд┐рдЬ рд╣реИ рдЬреЛ рдлреЙрд░реНрдо рдХрдВрдкреЛрдиреЗрдВрдЯ рдФрд░ рдЗрдирдкреБрдЯ рдХрдВрдкреЛрдиреЗрдВрдЯ рдХреЛ рдЬреЛрдбрд╝рддрд╛ рд╣реИред form.item рдХреЛ рджреЛ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдореЗрдВ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ value рдФрд░ onChange , рдФрд░ рдлрд┐рд░ рд▓рд┐рдкрдЯреЗ рд╣реБрдП рдШрдЯрдХ value рдФрд░ рдкрд╛рд╕ рд╣реЛрддреЗ рд╣реИрдВ onChange рдпреЗ рджреЛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рддрд░реАрдХреЗ рдмрд╛рд╣рд░реА рджреБрдирд┐рдпрд╛ рдХреЗ рд╕рд╛рде рдмрд╛рддрдЪреАрдд рдХрд░рддреЗ рд╣реИрдВред рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдХрд┐рд╕реА рднреА рдШрдЯрдХ рдХреЗ рд░реВрдк рдореЗрдВ рд▓рдВрдмреЗ рд╕рдордп рдХреЗ рд░реВрдк value рдФрд░ onChange рдХрд╛рд░реНрдпрд╛рдиреНрд╡рд┐рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХреЗ рдорд╛рдкрджрдВрдбреЛрдВ рдмрди рд╕рдХрддрд╛ рд╣реИ getFieldDecorator редрдпрд╣ program to interface рдХрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╡рд┐рдЪрд╛рд░ рд╣реИ

рдкреБрдирд╢реНрдЪ: рдореИрдВрдиреЗ рд╕реНрд░реЛрдд рдХреЛрдб рдирд╣реАрдВ рдкрдврд╝рд╛ рд╣реИ, рдЙрдкрд░реЛрдХреНрдд рд╕рднреА рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкрдврд╝рдиреЗ рдХреЗ рдмрд╛рдж рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ

Form.Item рдХрд╛рд░рдг рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд Component рдХреЗ рд╕рд╛рде рдмрд╛рддрдЪреАрдд рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рдЬрд┐рд╕рдХрд╛ рдХрд┐рд╕реА рдХреЛ рдХреБрдЫ 'рдмрд┐рд▓реНрдб-рдЗрди' рдореИрдХреЗрдирд┐рдЬреНрдо рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИред рдпрд╣ рдкреНрд░реЛрдЧреНрд░рд╛рдорд┐рдВрдЧ рджреБрдирд┐рдпрд╛ рдореЗрдВ program to interface рдирд╛рдордХ рдПрдХ рд╕рд╛рдорд╛рдиреНрдп рдЯреНрд░рд┐рдХ рд╣реИ

рдЕрд╕рд▓ рдореЗрдВ, Form рдШрдЯрдХ рдФрд░ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдШрдЯрдХ value рдФрд░ onChange рдЬреИрд╕реЗ рдХреБрдЫ рдкрд░ рд╕рд╣рдордд рд╣реИрдВред рд╡реЗ рд╕рдВрд╡рд╛рдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рджреЛ рджреБрдирд┐рдпрд╛рдУрдВ рдХреЗ рдмреАрдЪ рдЗрдВрдЯрд░рдлреЗрд╕ рдХрд╛ рдХрд╛рдо рдХрд░рддреЗ рд╣реИрдВред рдпрд╣ рдбрд┐рдХреЙрдЙрд▓рд┐рдВрдЧ рдХреЗ рдЙрджреНрджреЗрд╢реНрдп рдХреЗ рд▓рд┐рдП рдПрдХ рдЕрдЪреНрдЫрд╛ рдбрд┐рдЬрд╝рд╛рдЗрди рд╣реИ

@ рдбрд╛рдВрд╕рд░рдлрд┐рд▓ рд╢рд╛рдпрдж рдЖрдк рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рджрд╕реНрддрд╛рд╡реЗрдЬ рдкрд░ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рд░реВрдк рд╕реЗ рд╡рд┐рдЪрд╛рд░ рдХреЛ рд╕реНрдкрд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ

рд╣рд╛рдп рд╕рдм, рд╡реА 4 рдмреАрдЯрд╛ рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдПрдкреАрдЖрдИ рдЕрдм рд╕реНрдерд┐рд░ рд╣реИ рдЬрд┐рд╕рдХрд╛ рдЕрд░реНрде рд╣реИ рдХрд┐ рдПрдкреАрдЖрдИ рдкрд░ рдХреЛрдИ рдмреНрд░реЗрдХрд┐рдВрдЧ рдкрд░рд┐рд╡рд░реНрддрди рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдЬрдм рддрдХ рдХрд┐ рдорд╣рддреНрд╡рдкреВрд░реНрдг рдореБрджреНрджрд╛ рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИред рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рджреМрд░рд╛рди, рдбрд┐рдЬрд╛рдЗрдирд░ рдпреВрдЖрдИ рд╡рд┐рдЬрд╝реБрдЕрд▓ рдбрд┐рдЬрд╝рд╛рдЗрди рд╕рдорд╛рдпреЛрдЬрди рдЬрд╛рд░реА рд░рдЦрдиреЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдВрдЧреЗ рдФрд░ рд╣рдо рдмрдЧ рдлрд┐рдХреНрд╕ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░реЗрдВрдЧреЗред рдкрд░ рдФрд░ рдЖрдЧ рдмрдЧ рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдорджрдж рдпрд╛ рд╡рд╛рдкрд╕ рдлрд╝реАрдбред

рд╕рднреА рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж рдХреЛрдбрд┐рдВрдЧ рдФрд░ рдХреЛрд╢рд┐рд╢ рдореЗрдВ рднрд╛рдЧ рд▓реЗрддреЗ рд╣реИрдВред рдЖрдкрдХреА рдорджрдж рдХрд╛ рдорддрд▓рдм рдмрд╣реБрдд рд╣реИ :)


рд╕рднреА рдХреЛ рдирдорд╕реНрдХрд╛рд░, рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИред рдпрджрд┐ API рдореЗрдВ рдХреЛрдИ рдмрдбрд╝реА рдбрд┐рдЬрд╝рд╛рдЗрди рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ, рддреЛ рдХреЛрдИ рдФрд░ рдкрд░рд┐рд╡рд░реНрддрди рдирд╣реАрдВ рдХрд┐рдП рдЬрд╛рдПрдВрдЧреЗред рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдбрд┐рдЬрд╛рдЗрдирд░ v4 рдХреА UI рд╢реИрд▓реА рдХреЛ рд╕рдорд╛рдпреЛрдЬрд┐рдд рдХрд░рдиреЗ рдореЗрдВ рд╕рд╣рд╛рдпрддрд╛ рдХрд░реЗрдВрдЧреЗ, рдФрд░ рд╣рдо рдмрдЧ рдлрд┐рдХреНрд╕ рдкрд░ рдзреНрдпрд╛рди рдХреЗрдВрджреНрд░рд┐рдд рдХрд░реЗрдВрдЧреЗред рд╣рдореЗрдВ рдмрдЧреНрд╕ рдЦреЛрдЬрдиреЗ рдореЗрдВ рдорджрдж рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЖрдкрдХрд╛ рд╕реНрд╡рд╛рдЧрдд рд╣реИ рдпрд╛ рдХреЛрдИ рдЕрдиреНрдп рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╣реИред

рд╡рд┐рдХрд╛рд╕ рдФрд░ рдкрд░реАрдХреНрд╖рдг рдХрд╛рд░реНрдп рдореЗрдВ рднрд╛рдЧ рд▓реЗрдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред рдЖрдкрдХреА рдорджрдж рдмрд╣реБрдд рд╕рд╛рд░реНрдердХ рд╣реИ :)


рд░реЗрдлрд░реА: http://new-issue.ant.design/

рдореИрдВ рдбрд┐рдЬрд╛рдЗрди рдореЗрдВ рднреА рдХреИрд╕реЗ рдпреЛрдЧрджрд╛рди рдХрд░реВрдВ?
рдХрд┐рд╕реА рдХреА рдмрд╛рдд рд╕реБрдирдирд╛

@ ekeminimarkk001 рд╢рд╛рдпрдж рд╕рдВрджрд░реНрднрд┐рдд рдХрд░реЗрдВ: https://ant.design/docs/react/contributing

@zombieJ рдХреНрдпрд╛ рдЗрд╕ рдореБрджреНрджреЗ рдореЗрдВ рд╕реВрдЪреАрдмрджреНрдз рд╕рднреА рдкрд░рд┐рд╡рд░реНрддрди рдмреАрдЯрд╛ рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рд▓рд╛рдЧреВ рдХрд┐рдП рдЧрдП рд╣реИрдВ?

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

рд╕рдмрд╕реЗ рдкрд╣рд▓реЗ, рдЖрдкрдХреЛ рдпрд╣ рдЬрд╛рдирдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ рдЗрд╕рдХрд╛ рдирд┐рд░реНрдорд╛рдг рдпрд╛ рдирд╣реАрдВ рд╕реЗ рдХреЛрдИ рд▓реЗрдирд╛-рджреЗрдирд╛ рдирд╣реАрдВ рд╣реИ, рддрдерд╛рдХрдерд┐рдд рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рджреБрд░реНрдШрдЯрдирд╛ рдХрд╣рд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ
getFieldDecorator рд╡рд╣ рдмреНрд░рд┐рдЬ рд╣реИ рдЬреЛ рдлреЙрд░реНрдо рдХрдВрдкреЛрдиреЗрдВрдЯ рдФрд░ рдЗрдирдкреБрдЯ рдХрдВрдкреЛрдиреЗрдВрдЯ рдХреЛ рдЬреЛрдбрд╝рддрд╛ рд╣реИред form.item рдХреЛ рджреЛ рд╡рд┐рд╢реЗрд╖рддрд╛рдУрдВ рдореЗрдВ рдкрд╛рд╕ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ value рдФрд░ onChange , рдФрд░ рдлрд┐рд░ рд▓рд┐рдкрдЯреЗ рд╣реБрдП рдШрдЯрдХ value рдФрд░ рдкрд╛рд╕ рд╣реЛрддреЗ рд╣реИрдВ onChange рдпреЗ рджреЛ рдЗрдВрдЯрд░рдлрд╝реЗрд╕ рддрд░реАрдХреЗ рдмрд╛рд╣рд░реА рджреБрдирд┐рдпрд╛ рдХреЗ рд╕рд╛рде рдмрд╛рддрдЪреАрдд рдХрд░рддреЗ рд╣реИрдВред рджреВрд╕рд░реЗ рд╢рдмреНрджреЛрдВ рдореЗрдВ, рдХрд┐рд╕реА рднреА рдШрдЯрдХ рдХреЗ рд░реВрдк рдореЗрдВ рд▓рдВрдмреЗ рд╕рдордп рдХреЗ рд░реВрдк value рдФрд░ onChange рдХрд╛рд░реНрдпрд╛рдиреНрд╡рд┐рдд рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдХреЗ рдорд╛рдкрджрдВрдбреЛрдВ рдмрди рд╕рдХрддрд╛ рд╣реИ getFieldDecorator редрдпрд╣ program to interface рдХрд╛ рд╡рд┐рд╢рд┐рд╖реНрдЯ рд╡рд┐рдЪрд╛рд░ рд╣реИ

рдкреБрдирд╢реНрдЪ: рдореИрдВрдиреЗ рд╕реНрд░реЛрдд рдХреЛрдб рдирд╣реАрдВ рдкрдврд╝рд╛ рд╣реИ, рдЙрдкрд░реЛрдХреНрдд рд╕рднреА рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкрдврд╝рдиреЗ рдХреЗ рдмрд╛рдж рдореЗрд░рд╛ рдЕрдиреБрдорд╛рди рд╣реИ

рдЖрдкрдХреЗ рдЙрддреНрддрд░реЛрдВ рдХреЛ рдкрдврд╝рдиреЗ рдХреЗ рдмрд╛рдж, рдореБрдЭреЗ рдпрд╣ рдХрд╣рдирд╛ рд╣реЛрдЧрд╛ рдХрд┐ antd рдХреЗ рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рд▓рд┐рдП рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рдмрд╣реБрдд рдкрд░рд┐рдкрдХреНрд╡ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рджреВрд╕рд░реА рдУрд░, рдпрд╣ рд╕реБрдЭрд╛рд╡ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдПрдХ рд╕рд╛рдзрд╛рд░рдг рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рд╕реЛрдЪ рд░рд╣рд╛ рд╣реИред рдЗрд╕ рддрд░рд╣ рдХреЗ рдЙрдЪреНрдЪ рдЙрдкрдпреЛрдЧ рдХреА рддреАрд╡реНрд░рддрд╛ рд╡рд╛рд▓реЗ рдПрдХ рдШрдЯрдХ рдХреЗ рд▓рд┐рдП, рдпрд╣ рдХреИрд╕реЗ рд╡рд┐рдХрд╕рд┐рдд рдФрд░ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдХрдо рдХреЛрдб рд▓рд┐рдЦ рд╕рдХрддрд╛ рд╣реИ, рдФрд░ рд╕реНрдкрд╖реНрдЯ рдФрд░ рдЕрдзрд┐рдХ рдкреНрд░рд╛рдХреГрддрд┐рдХ рдЕрднрд┐рд╡реНрдпрдХреНрддрд┐рдпреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддрд╛ рд╣реИ, рдпрд╣ рдореЗрд░реА рдмрд╣реБрдд рдЕрдЪреНрдЫреА рдЙрдореНрдореАрдж рд╣реИред

рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ, рдПрдиреЙрдЯ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╣реИред рдЕрдзрд┐рдХрд╛рдВрд╢ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛ рд╕рдХрддрд╛ рд╣реИ рдЬреИрд╕реЗ рд╣реА рд╡реЗ рдЙрдкрдпреЛрдЧ рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВ, рдФрд░ рддрдм рднреВрд▓ рдЬрд╛рддреЗ рд╣реИрдВ рдЬрдм рдЙрдирдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред рдЗрд╕ рдЖрд╢рдп рдХрд╛ рдХрд╛рд░рдг рдШрдЯрдХреЛрдВ рдХреЗ рдЕрдЪреНрдЫреЗ рдПрдкреАрдЖрдИ рдбрд┐рдЬрд╛рдЗрди рдФрд░ рдкреИрдХреЗрдЬрд┐рдВрдЧ рд╕реЗ рдЕрд╡рд┐рднрд╛рдЬреНрдп рд╣реИ, рд▓реЗрдХрд┐рди рдШрдЯрдХреЛрдВ рдХреЗ рдХреБрдЫ рдЙрдкрдпреЛрдЧ рдкрд░рд┐рджреГрд╢реНрдп рдЕрднреА рднреА рд╣реИрдВ (рдЬреИрд╕реЗ рдХрд┐, рддрд╛рд▓рд┐рдХрд╛ рд╕реЗ), рдФрд░ рдмреЗрд╣рддрд░ рд╕реБрдзрд╛рд░ рдХреЗ рд▓рд┐рдП рдЬрдЧрд╣ рд╣реИред

рдПрдирдбреАрдЯреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рд╕рд┐рд░реНрдл рдПрдХ рдЙрдкрдХрд░рдг рдШрдЯрдХ рд╣реИред рдЕрдкрдиреЗ рд╕реНрд╡рдпрдВ рдХреЗ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рддрдВрддреНрд░ рдХреЛ рдЙрдЬрд╛рдЧрд░ рдирд╣реАрдВ рдХрд░рдирд╛, рдпрд╛ рдмрд╛рд╣рд░реА рдПрдкреАрдЖрдИ рдореЗрдВ рдХрд╛рд░реНрдпрд╛рдиреНрд╡рдпрди рддрдВрддреНрд░ рдХреЛ рдЪрддреБрд░рд╛рдИ рд╕реЗ рдЫрд┐рдкрд╛рдирд╛ рдФрд░ рдЖрддреНрдорд╕рд╛рдд рдХрд░рдирд╛ рд╕рдмрд╕реЗ рдЕрдЪреНрдЫрд╛ рд╣реИред рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗрд╡рд▓ рдЗрд╕ рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рд╡реЗ рдЗрд╕реЗ рд╕рдмрд╕реЗ рд╕реБрд╡рд┐рдзрд╛рдЬрдирдХ рдФрд░ рдкреНрд░рд╛рдХреГрддрд┐рдХ рд░реВрдк рдореЗрдВ рдЙрдкрдпреЛрдЧ рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ, рдФрд░ рд╡реЗ рдПрдХ рдЙрдкрдХрд░рдг рдШрдЯрдХ рдкрд░ рдПрдХ рд╡рд┐рд╢реЗрд╖рдЬреНрдЮ рдирд╣реАрдВ рдмрдирдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред

рд╡рд░реНрддрдорд╛рди 3.x рдПрдкреАрдЖрдИ рдХреЗ рддрд╣рдд, рдлреЙрд░реНрдо рдШрдЯрдХ рдкрд░ рд╡рд╛рдкрд╕ рдЬрд╛ рд░рд╣рд╛ рд╣реВрдВ, рдореИрдВ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЕрд▓реА-рдЖрдзрд╛рд░рд┐рдд рдпреВрдлреЙрд░реНрдо рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЗрдЪреНрдЫреБрдХ рд╣реВрдВред рдПрдиреЙрдЯ рдХреЗ рдлреЙрд░реНрдо рдХреА рддреБрд▓рдирд╛ рдореЗрдВ, рдпреВрдлреЙрд░реНрдо рдХреЛ рдХрдо рдХреЛрдб рд▓рд┐рдЦрдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ рдФрд░ рдЕрдзрд┐рдХ рдЙрддреНрдкрд╛рджрдХ рд╣реИред рдмреЗрд╢рдХ, uform рд▓реЗрдЦрди рдХреЗ рдПрдХ рдШреЛрд╖рдгрд╛рддреНрдордХ рддрд░реАрдХреЗ рдХреА рддрд░рд╣ рд▓рдЧрддрд╛ рд╣реИ, рдЬреЛ antd рдХреЗ рд░реВрдк рд╕реЗ рдмрд╣реБрдд рдЕрд▓рдЧ рд╣реИ рдФрд░ рд╕рдВрджрд░реНрдн рдХреЗ рд▓рд┐рдП рдмрд╣реБрдд рдЕрдзрд┐рдХ рдореВрд▓реНрдп рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИред

Atd рдкрд╛рд░реНрдЯреА рдХреЗ рд░реВрдк рдореЗрдВ, рдпрд╣ рдмрд╣реБрдд рд╕рд╛рд░реА рдЖрд╡рд╢реНрдпрдХрддрд╛рдУрдВ рдХреЛ рдкреВрдЫрдиреЗ рдХреЗ рд▓рд┐рдП рдереЛрдбрд╝рд╛ рд╢рд░реНрдордирд╛рдХ рд╣реИ, рд▓реЗрдХрд┐рди рдпрд╣ рдкреНрдпрд╛рд░ рдХреЗ рдХрд╛рд░рдг рд╣реИ рдХрд┐ рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдмреЗрд╣рддрд░ рд╣реИ, рдореБрдЭреЗ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдЯреАрдо рд╕рдордЭрддреА рд╣реИ, рдФрд░ рдореБрдЭреЗ рдЙрдкрдпреБрдХреНрдд рд╕рдВрд╕реНрдХрд░рдг рдХреЗ рддрд╣рдд рдШрдЯрдХ рдХреЗ рд╡рд┐рдХрд╛рд╕ рдФрд░ рдЙрдкрдпреЛрдЧ рдХреЗ рдЕрдиреБрднрд╡ рдХреЛ рдФрд░ рдмреЗрд╣рддрд░ рдмрдирд╛рдиреЗ рдХреА рдЙрдореНрдореАрдж рд╣реИред ред

рдмрд╣реБрдд рдЕрдЬреАрдмред рдореИрдВрдиреЗ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рд╕рднреА рдЖрдЗрдХрди-svg рдХреЛ рдЗрд╕рдореЗрдВ рдкреИрдХ рдХрд┐рдпрд╛ред
webpack-bundle-analyzer.png
рд╕рдВрд╕реНрдХрд░рдг рд╕рдВрдЦреНрдпрд╛: 4.0.0-beta.0ред рдмреИрдмрд▓-рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдФрд░ рдЯреНрд░реА-рд╢реЗрдХрд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╡реЗ рдмреЗрдХрд╛рд░ рд╣реИрдВред

рдмрд╣реБрдд рдЕрдЬреАрдмред рдореИрдВрдиреЗ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рд╕рднреА рдЖрдЗрдХрди-svg рдХреЛ рдЗрд╕рдореЗрдВ рдкреИрдХ рдХрд┐рдпрд╛ред
webpack-bundle-analyzer.png
рд╕рдВрд╕реНрдХрд░рдг рд╕рдВрдЦреНрдпрд╛: 4.0.0-beta.0ред рдмреИрдмрд▓-рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдФрд░ рдЯреНрд░реА-рд╢реЗрдХрд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╡реЗ рдмреЗрдХрд╛рд░ рд╣реИрдВред

рдЗрд╕ рд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рдкреНрд░рдпреЛрдЧ рдХрд░реЗрдВ

{
                    test: /\.js?$/,
                    include: [/node_modules[\\\\/]antd/],
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                plugins: [
                                    '@babel/plugin-syntax-dynamic-import',
                                    [
                                        'import',
                                        {
                                            libraryName: 'antd',
                                            style: true,
                                            libraryDirectory: 'es',
                                        },
                                        'ant',
                                    ],
                                    [
                                        'import',
                                        {
                                            libraryName: '@ant-design/icons',
                                            customName: name => {
    const formatName = name.split('-').reduce((acum, value) => acum + value[0].toUpperCase() + value.slice(1), '');

    return `@ant-design/icons/lib/icons/${formatName}`;
};
                                        },
                                        '@ant-design/icons',
                                    ],
                                ],
                            },
                        },
                    ],
                },

рдмрд╣реБрдд рдЕрдЬреАрдмред рдореИрдВрдиреЗ рдЖрдЗрдХрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдмрд┐рд▓реНрдХреБрд▓ рдирд╣реАрдВ рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рд╕рднреА рдЖрдЗрдХрди-svg рдХреЛ рдЗрд╕рдореЗрдВ рдкреИрдХ рдХрд┐рдпрд╛ред
webpack-bundle-analyzer.png
рд╕рдВрд╕реНрдХрд░рдг рд╕рдВрдЦреНрдпрд╛: 4.0.0-beta.0ред рдмреИрдмрд▓-рдкреНрд▓рдЧрдЗрди-рдЖрдпрд╛рдд рдФрд░ рдЯреНрд░реА-рд╢реЗрдХрд┐рдВрдЧ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рд╡реЗ рдмреЗрдХрд╛рд░ рд╣реИрдВред

рдЗрд╕ рд╡рд┐рдиреНрдпрд╛рд╕ рдХрд╛ рдкреНрд░рдпреЛрдЧ рдХрд░реЗрдВ

{
                    test: /\.js?$/,
                    include: [/node_modules[\\\\/]antd/],
                    use: [
                        {
                            loader: 'babel-loader',
                            options: {
                                plugins: [
                                    '@babel/plugin-syntax-dynamic-import',
                                    [
                                        'import',
                                        {
                                            libraryName: 'antd',
                                            style: true,
                                            libraryDirectory: 'es',
                                        },
                                        'ant',
                                    ],
                                    [
                                        'import',
                                        {
                                            libraryName: '@ant-design/icons',
                                            customName: name => {
    const formatName = name.split('-').reduce((acum, value) => acum + value[0].toUpperCase() + value.slice(1), '');

    return `@ant-design/icons/lib/icons/${formatName}`;
};
                                        },
                                        '@ant-design/icons',
                                    ],
                                ],
                            },
                        },
                    ],
                },

рдЖрдкрдХреЗ рдЙрддреНрддрд░ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рд▓реЗрдХрд┐рди рдореИрдВрдиреЗ рдЖрдкрдХреЗ рдХреЙрдиреНрдлрд╝рд┐рдЧрд░реЗрд╢рди рдХреЗ рдЕрдиреБрд╕рд╛рд░ рдХрд╛рдо рдирд╣реАрдВ рдХрд┐рдпрд╛ред

рд╕рдВрд╕реНрдХрд░рдг: 4.0.0-beta.0
рд╕рдорд╕реНрдпрд╛: рдЬрдм рдореЛрдбрд▓ рдШрдЯрдХ рджрд┐рдЦрд╛рдИ рджреЗ рд░рд╣рд╛ рд╣реИ, рддреЛ рдкреЗрдЬ рдкрд▓рдЯ рдЬрд╛рдПрдЧрд╛ рдФрд░ рдкрддреЗ рдХреЛ рдкреБрди: рдкреЗрд╢ рдХрд░реЗрдЧрд╛:

@xiaoxintang рдпрд╣ рдорд╛рд╕реНрдЯрд░ рд╢рд╛рдЦрд╛ рдореЗрдВ рддрдп рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рдЬреЛ рдорд░реНрдЬ рдХреА рдкреНрд░рддреАрдХреНрд╖рд╛ рдХрд░ рд░рд╣рд╛ рд╣реИред

@ afc163 рдореИрдВ atd4.0 рдмреАрдЯрд╛ рдХреИрд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реВрдВ

https://next.ant.design/ рд▓рдЯрдХрд╛ рджрд┐рдпрд╛

@ afc163 рдореИрдВ atd4.0 рдмреАрдЯрд╛ рдХреИрд╕реЗ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реВрдВ

npm install antd@next
рдпрд╛
yarn add antd@next

рдРрд╕рд╛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдкреВрд░реНрд╡рд╛рд╡рд▓реЛрдХрди рд╕рд╛рдЗрдЯ рдЯреВрдЯ рдЧрдИ рд╣реИред рдореБрдЭреЗ рдХреЗрд╡рд▓ рдПрдХ рдкреГрд╖реНрда рдирд╣реАрдВ рдорд┐рд▓рд╛ рддреНрд░реБрдЯрд┐ред

рдлрд╛рд░реНрдо рдШрдЯрдХ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдПрдХ рд╕реБрдЭрд╛рд╡:
рдореБрдЭреЗ рдпрд╣ рджреЗрдЦрдХрд░ рдмрд╣реБрдд рдЦреБрд╢реА рд╣реБрдИ рдХрд┐ рдирдП 4.0 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ, рдкреНрд░рдкрддреНрд░ рдШрдЯрдХ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдХреЗ рд▓рд┐рдП рдЕрдзрд┐рдХ рдЕрдиреБрдХреВрд▓ рд╣реЛрдЧрд╛ред рдореИрдВрдиреЗ рдПрдХ рдирдпрд╛ рдЙрджрд╛рд╣рд░рдг рджреЗрдЦрд╛, Form.Item рдШрдЯрдХ рдХреЗ рдиреАрдЪреЗ рдХрд╛ рдШрдЯрдХ рдЕрдм getFieldDecorator рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реЛрдЧреАред рдпрд╣ рдПрдХ рдмрд╣реБрдд рдЕрдЪреНрдЫрд╛ рд╕реБрдзрд╛рд░ рд╣реИ, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рдЕрдзрд┐рдХ рдХрдЯреНрдЯрд░рдкрдВрдереА рд╕реБрдЭрд╛рд╡ рд╣реИ: рдлреЙрд░реНрдо рдХреЛ рд╣рдЯрд╛ рджреЗрдВред рдпрд╣ рдШрдЯрдХ, рдЖрдЧреЗ рдХреЛрдб рд▓реЗрдЦрди рдЕрдиреБрднрд╡ рдХреЛ рдЕрдиреБрдХреВрд▓рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреЛрдбрд┐рдВрдЧ рдХреЛ рдЕрдзрд┐рдХ рддрд╛рдЬрд╝рд╛ рдмрдирд╛рддрд╛ рд╣реИред Form.Item рдШрдЯрдХ рдХреЗ рдореВрд▓ рдХрд╛рд░реНрдп рд╕реАрдзреЗ рд╡рд┐рд╢рд┐рд╖реНрдЯ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ (рдЬреИрд╕реЗ рдЗрдирдкреБрдЯ, рдбреЗрдЯрд╛рдкрд┐рдХ, рдЖрджрд┐) рдореЗрдВ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд┐рдП рдЬрд╛рддреЗ рд╣реИрдВред
рдпрд╣ рдзреНрдпрд╛рди рд░рдЦрдирд╛ рд╣реИ рдХрд┐ рдЬреНрдпрд╛рджрд╛рддрд░ рдорд╛рдорд▓реЛрдВ рдореЗрдВ, рд╡рд┐рдХрд╕рд┐рдд рд░реВрдк atd рдХреЗ рдЕрдВрддрд░реНрдирд┐рд╣рд┐рдд рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рдЬрд┐рд╕рдореЗрдВ рдЗрдирдкреБрдЯ рдШрдЯрдХреЛрдВ рдХреА рдХреНрд╖рдорддрд╛рдУрдВ рдХреЛ рдмрдврд╝рд╛рдХрд░ Form.Item рдШрдЯрдХ рдХреЗ рдХрд╛рд░реНрдп рдХреЛ рдорд╣рд╕реВрд╕ рдХрд░рдиреЗ рдХреА рд╕реНрдерд┐рддрд┐ рд╣реЛрддреА рд╣реИ; рдФрд░ рдХреБрдЫ рд╡рд┐рд╢реЗрд╖ рдорд╛рдорд▓реЛрдВ рдХреЗ рд▓рд┐рдП (рдЬреИрд╕реЗ рдХрд┐ рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рд╕реНрд╡рдпрдВ) рдШрдЯрдХреЛрдВ рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░реЗрдВ, рдХреБрдЫ рдЗрдирдкреБрдЯ рдШрдЯрдХ рдлреЙрд░реНрдо рд╕реЗ рдмрд╛рдзреНрдп рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВ), рдЖрдк рдирд┐рд░реНрджреЗрд╢реЛрдВ рдХреЗ рд▓рд┐рдП рд╡рд┐рд╢реЗрд╖ рдкреИрдХреЗрдЬрд┐рдВрдЧ рдШрдЯрдХ рдкреНрд░рджрд╛рди рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред
Atd рдкрд░ рдЕрдиреБрд╕рдВрдзрд╛рди рдЧрд╣рд░рд╛рдИ рдореЗрдВ рдирд╣реАрдВ рд╣реИ, рдФрд░ рдХреЗрд╡рд▓ рдЖрдо рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛рдУрдВ рдХреЗ рджреГрд╖реНрдЯрд┐рдХреЛрдг рд╕реЗ рдЕрдкреАрд▓ рдХреЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рдкреНрд░рд╕реНрддрд╛рд╡ рдХрд░рддрд╛ рд╣реИред рдЕрдЧрд░ рдХреБрдЫ рдЧрд▓рдд рд╣реИ, рддреЛ рдХреГрдкрдпрд╛ рд╣реИрд╣рд╛рди

рдЖрдк рдпрд╣ рдХреЛрд╢рд┐рд╢ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ: https://github.com/awiu/ant-modifier

рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЕрдиреБрдХреВрд▓рди рд╣реИ?

рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЕрдиреБрдХреВрд▓рди рд╣реИ?

Antd рд▓рдЧрддрд╛ рд╣реИ рдЙрдкрд╕рд░реНрдЧ рд╣реИ, рдпрд╣ рдкреНрд░рджреВрд╖рдг рдирд╣реАрдВ рд╣реИредрдЖрдкрдХрд╛ рдЕрдкрдирд╛ рдкреНрд░реЛрдЬреЗрдХреНрдЯ css рдХреЛрдб рд╡реИрд╢реНрд╡рд┐рдХ рдкреНрд░рджреВрд╖рдг рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП css- рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддрд╛ рд╣реИ

рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЕрдиреБрдХреВрд▓рди рд╣реИ?

Antd рд▓рдЧрддрд╛ рд╣реИ рдЙрдкрд╕рд░реНрдЧ рд╣реИ, рдпрд╣ рдкреНрд░рджреВрд╖рдг рдирд╣реАрдВ рд╣реИредрдЖрдкрдХрд╛ рдЕрдкрдирд╛ рдкреНрд░реЛрдЬреЗрдХреНрдЯ css рдХреЛрдб рд╡реИрд╢реНрд╡рд┐рдХ рдкреНрд░рджреВрд╖рдг рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП css- рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддрд╛ рд╣реИ

рдЦреИрд░, рдореИрдВ рдЗрд╕ рдЙрдкрд╕рд░реНрдЧ рдХреЛ рдЬрд╛рдирддрд╛ рд╣реВрдВред рдореЗрд░рд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рд╡реИрд╢реНрд╡рд┐рдХ рд╕реАрдПрд╕рдПрд╕ рд░реАрд╕реЗрдЯ рднрд╛рдЧ рдХрд╛ рдкреНрд░рджреВрд╖рдг, рдЬреЛ рдХрд┐ рд╡рд┐рд░рд╛рд╕рдд рдХреА рдкрд░рд┐рдпреЛрдЬрдирд╛рдУрдВ рдореЗрдВ рдПрдирдЯреАрдЯреА рдФрд░ рд╕реАрдПрд╕рдПрд╕ рд░реАрд╕реЗрдЯ рдХреА рд╢реБрд░реБрдЖрдд рдХреЗ рдХрд╛рд░рдг рд╣реЛрдиреЗ рд╡рд╛рд▓реА рдкреНрд░рджреВрд╖рдг рд╕рдорд╕реНрдпрд╛ рд╣реИред

рдХреНрдпрд╛ рд╡реИрд╢реНрд╡рд┐рдХ рд╢реИрд▓реА рдкреНрд░рджреВрд╖рдг рдХреЗ рд▓рд┐рдП рдХреЛрдИ рдЕрдиреБрдХреВрд▓рди рд╣реИ?

Antd рд▓рдЧрддрд╛ рд╣реИ рдЙрдкрд╕рд░реНрдЧ рд╣реИ, рдпрд╣ рдкреНрд░рджреВрд╖рдг рдирд╣реАрдВ рд╣реИредрдЖрдкрдХрд╛ рдЕрдкрдирд╛ рдкреНрд░реЛрдЬреЗрдХреНрдЯ css рдХреЛрдб рд╡реИрд╢реНрд╡рд┐рдХ рдкреНрд░рджреВрд╖рдг рдХреА рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП css- рдореЙрдбреНрдпреВрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХрд╛ рдкреНрд░рдпрд╛рд╕ рдХрд░ рд╕рдХрддрд╛ рд╣реИ

рд╡рд┐рд╡рд░рдг рдХреЗ рд▓рд┐рдП, рдХреГрдкрдпрд╛ рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рд╡реЗрдмрд╕рд╛рдЗрдЯ рд▓рд┐рдВрдХ рдореЗрдВ рдореБрджреНрджреЗ рдХреА рдЪрд░реНрдЪрд╛ рджреЗрдЦреЗрдВ: https://ant.design/docs/react/faq-cn#antd -% E8% A6% 86% E7% 9B% 96% E4% BA% 86% E6% 88 % 91% E7% 9 рдП% 84% E5% 85% A8% E5% B1% 80% E6% A0% B7% E5% рдИ.рдкреВ.% 8F% рдПрдлрдИ% рдИ.рдкреВ.% 81

рдХреНрдпрд╛ Antd Pro 4.0 рд╕реЗ Antd Pro 4.0 рд▓реЗрдЖрдЙрдЯ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рд╣реИ?
рдореБрдЭреЗ рдкреНрд░реЙ-рд▓реЗрдЖрдЙрдЯ рдореЗрдВ SiderMenu.js Icon.createFromIconfontCN рддреНрд░реБрдЯрд┐ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛, рдЬрдм рд╡рд╣ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдЕрдкрдиреЗ рдЖрдк рд╕реЗ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░ рд░рд╣рд╛ рдерд╛ред рдХреНрдпреЛрдВрдХрд┐ рдкреНрд░реЛ-рд▓реЗрдЖрдЙрдЯ рдореЗрдВ рдирд┐рд░реНрднрд░рддрд╛ рдЕрднреА рднреА v3 рд╕рдВрд╕реНрдХрд░рдг рд╣реИ, рдореИрдВ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рдФрд░ рдХреЛрдИ рд╡реНрдпрдХреНрддрд┐ рдЬреЛ рдореБрдЭреЗ рд╕рд┐рдЦрд╛рдПрдЧрд╛ред

рдХреНрдпрд╛ Antd Pro 4.0 рд╕реЗ Antd Pro 4.0 рд▓реЗрдЖрдЙрдЯ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░рдиреЗ рдХреА рдпреЛрдЬрдирд╛ рд╣реИ?
рдореБрдЭреЗ рдкреНрд░реЙ-рд▓реЗрдЖрдЙрдЯ рдореЗрдВ SiderMenu.js Icon.createFromIconfontCN рддреНрд░реБрдЯрд┐ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░рдирд╛ рдкрдбрд╝рд╛, рдЬрдм рд╡рд╣ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЛ рдЕрдкрдиреЗ рдЖрдк рд╕реЗ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░ рд░рд╣рд╛ рдерд╛ред рдХреНрдпреЛрдВрдХрд┐ рдкреНрд░реЛ-рд▓реЗрдЖрдЙрдЯ рдореЗрдВ рдирд┐рд░реНрднрд░рддрд╛ рдЕрднреА рднреА v3 рд╕рдВрд╕реНрдХрд░рдг рд╣реИ, рдореИрдВ рдирд┐рд░реНрднрд░рддрд╛ рдХреЛ рдмрджрд▓рдиреЗ рдХрд╛ рддрд░реАрдХрд╛ рдирд╣реАрдВ рдЬрд╛рдирддрд╛, рдФрд░ рдХреЛрдИ рд╡реНрдпрдХреНрддрд┐ рдЬреЛ рдореБрдЭреЗ рд╕рд┐рдЦрд╛рдПрдЧрд╛ред

рдЪреВрдВрдХрд┐ рдЖрдЗрдХрди 4.0 рдореЗрдВ рдЕрд▓рдЧ рд╣реЛ рдЧрдпрд╛ рдерд╛, рдЖрдпрд╛рдд рдХреЛ рд╕рдВрд╢реЛрдзрд┐рдд рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЖрдк рд╡рд░реНрддрдорд╛рди рдЖрдЗрдХрди рдПрдкреАрдЖрдИ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП next.ant.design рд▓реЗ рд╕рдХрддреЗ рд╣реИрдВ

V4 рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдЖрдкрдХреЗ рд╕рднреА рдпреЛрдЧрджрд╛рди рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рджред 4.0.0-rc.0 рд╕рдВрд╕реНрдХрд░рдг рдЬрд╛рд░реА рд╣реЛрдиреЗ рдХреЗ рдмрд╛рдж рд╕реЗ рдмрдВрдж рдХрд░реЗрдВ: Ref # 20661

рдХреНрдпрд╛ рд╕реНрдЯреНрд░рд┐рдХреНрдЯрдореЛрдб рдПрдХ рд▓рдХреНрд╖реНрдп рд╣реИ? рд╡рд┐рд░рд╛рд╕рдд рдХреЗ рд╕рдВрджрд░реНрдн рдХреЛ https://github.com/ant-design/ant-design/issues/9870 рдкрд░ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдирд╛ рд╣реЛрдЧрд╛

рдХреНрдпрд╛ рд╣рдо atd3 рдФрд░ atd4 рджреЛрдиреЛрдВ рдХреЛ рд░реЗрдкреЛ рдореЗрдВ рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ? рд╕рднреА рдЬрдЧрд╣ рдирд╣реАрдВ рдмрджрд▓ рд╕рдХрддреЗ рдХреНрдпреЛрдВрдХрд┐ рд░реЗрдкреЛ рдмрд╣реБрдд рдмрдбрд╝рд╛ рд╣реИ рдФрд░ рдпрд╣ рд▓рдЧрднрдЧ рдкреВрд░реНрдг рдХреЛрдбрдмреЗрд╕ рдХрд╛ рдкреБрдирд░реНрд▓реЗрдЦрди рд╣реЛрдЧрд╛ред
рдпрджрд┐ рд╣рд╛рдБ, рддреЛ рдХреНрдпрд╛ рд╣рдо atd3 CSS рдХреЛ рд╡реИрд╢реНрд╡рд┐рдХ рдореЗрдВ рд░рдЦ рд╕рдХрддреЗ рд╣реИрдВ рдФрд░ atd4 CSS рдХреЗрд╡рд▓ рдХреБрдЫ рдлрд╝реЛрд▓реНрдбрд░ рдХреЗ рд▓рд┐рдП рдФрд░ рдпрд╣ рдмрдЪреНрдЪреЛрдВ рдХреЗ рд▓рд┐рдП рд╣реИ

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

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

рдЦреБрд▓рд╛ рд╕реНрд░реЛрдд рдФрд░ рдореБрдХреНрдд, рдПрдХ рдИрд╕реНрдЯрд░ рдЕрдВрдбреЗ рд▓рдЧрд╛рдиреЗ рдореЗрдВ рдХреНрдпрд╛ рдЧрд▓рдд рд╣реИ?рдЧреНрд░рд╛рд╣рдХ рдЧрдВрднреАрд░ рд╣реЛрдирд╛ рдЪрд╛рд╣рддрд╛ рдерд╛, рдФрд░ рдХреБрддреНрддреЛрдВ рдХреЗ рдПрдХ рд╕рдореВрд╣ рдиреЗ рдЗрд╕ рдЕрд▓реА рдкреНрд░реЛрдЧреНрд░рд╛рдорд░ рдХрд╛ рд╕рдорд░реНрдерди рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднреМрдВрдХ рджрд┐рдпрд╛
hugetiny picture hugetiny  ┬╖  80рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

benjycui picture benjycui  ┬╖  138рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

afc163 picture afc163  ┬╖  63рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

afc163 picture afc163  ┬╖  1097рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

duanzheng picture duanzheng  ┬╖  74рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ