Ant-design: <button>"FindDOMNode" рдореЗрдВ рдкрд░рд┐рдгрд╛рдореЛрдВ</button> рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 22 рдорд╛рд░реНрдЪ 2020  ┬╖  126рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: ant-design/ant-design

  • [x] рдореИрдВрдиреЗ рдЗрд╕ рд░рд┐рдкреЙрдЬрд┐рдЯрд░реА рдХреЗ рдореБрджреНрджреЛрдВ рдХреЛ рдЦреЛрдЬрд╛ рд╣реИ рдФрд░ рдпрд╣ рдорд╛рдирддрд╛ рд╣реВрдВ рдХрд┐ рдпрд╣ рдХреЛрдИ рдбреБрдкреНрд▓рд┐рдХреЗрдЯ рдирд╣реАрдВ рд╣реИ * (рдпрд╣ рдХрд┐рд╕реА рдФрд░ рдиреЗ рд░рд┐рдкреЛрд░реНрдЯ рдХрд┐рдпрд╛ рдерд╛ рд▓реЗрдХрд┐рди рдЗрд╢реНрдпреВ рдХреНрд░рд┐рдПрдЯрд░ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдирд╣реАрдВ рдФрд░ рдпрд╣ рдСрдЯреЛ-рдмрдВрдж рдорд┐рд▓рд╛)ред

рдкреНрд░рдЬрдирди рд▓рд┐рдВрдХ

https://github.com/latobibor/antd-tryout/commit/e373cb5038d88bf73358a05c8b37e0369dbaf478

рдкреНрд░рдЬрдирди рдХрд░рдиреЗ рдХрд┐ рдкреНрд░рдХреНрд░рд┐рдпрд╛

  1. рдирд┐рд░реНрднрд░рддрд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░реЗрдВ (npm i)
  2. рдРрдк рдЪрд▓рд╛рдПрдВ (npm start)
  3. рдХрдВрд╕реЛрд▓ рдХреА рдЬрд╛рдБрдЪ рдХрд░реЗрдВ

рдХреНрдпрд╛ рдЙрдореНрдореАрдж рд╣реИ?

рдХреЛрдИ рдЪреЗрддрд╛рд╡рдиреА рдкреНрд░рджрд░реНрд╢рд┐рдд рдирд╣реАрдВ рдХреА рдЬрд╛рдиреА рдЪрд╛рд╣рд┐рдПред

рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХреНрдпрд╛ рд╣реЛ рд░рд╣рд╛ рд╣реИ?

рдПрдХ рдЪреЗрддрд╛рд╡рдиреА рд╕рдВрджреЗрд╢ рдХрдВрд╕реЛрд▓ рдореЗрдВ рджрд┐рдЦрд╛рдИ рджреЗрдЧрд╛ред рдмрддрд╛рддреЗ рд╣реБрдП "рдЪреЗрддрд╛рд╡рдиреА: findDOMNode рдХреЛ StrictMode рдореЗрдВ рдкрджрд╛рд╡рдирдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред FindDOMNode рдХреЛ Wave рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛, рдЬреЛ StrictMode рдХреЗ рдЕрдВрджрд░ рд╣реИред рдЗрд╕рдХреЗ рдмрдЬрд╛рдп, рдЙрд╕ рд░реЗрдлрд░реА рдХреЛ рд╕реАрдзреЗ рдЙрд╕ рддрддреНрд╡ рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ рдЬрд┐рд╕реЗ рдЖрдк рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред Refs рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдФрд░ рдЬрд╛рдиреЗрдВред рдпрд╣рд╛рдВ рд╕реБрд░рдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ: "

| рдкрд░реНрдпрд╛рд╡рд░рдг | рдЬрд╛рдирдХрд╛рд░реА |
| --- | --- |
| atd | 4.0.3 |
| рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ | 16.13.1 |
| рд╕рд┐рд╕реНрдЯрдо | рд╡рд┐рдВрдбреЛрдЬ 8.1 |
| рдмреНрд░рд╛рдЙрдЬрд╝рд░ | рдХреНрд░реЛрдо 80 |


рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕реНрд░реЛрдд <Button /> рдШрдЯрдХ рд╕реЗ рдЖ рд░рд╣рд╛ рд╣реИред

рдкреНрд░рд╢реНрди рдореЗрдВ рдлрд╝рд╛рдЗрд▓ рджреЗрдЦреЗрдВ:
https://github.com/latobibor/antd-tryout/commit/e373cb5038d88bf73358a05c8b37e0369dbaf478#diff -bb25f6f7c3584f9af17112d37dae3a42a42

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

рдПрдХ рдмрдЯрди рдХреА рдЦрд╛рддрд┐рд░ рд╕рдЦреНрдд рдореЛрдб рдХреЛ рд╣рдЯрд╛рдирд╛ рд╣рд╛рд╕реНрдпрд╛рд╕реНрдкрдж рд╣реИред рдпрд╣ atd рдХреЗ рд╕рд╛рде рдПрдХ рдХрд╛рдиреВрдиреА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдЬрд┐рд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

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

рд░рд┐рдЯрд╛рдпрд░ рд╣реЛ рд░рд╣реЗ рд╣реИрдВрд╡рд┐рдзрд┐ рдореЗрдВ рдЯреИрдЧ ReactDOM.render () рд╕рд╛рдорд╛рдиреНрдп рд░реВрдк рд╕реЗ рдХрд╛рдо рдХрд░рддрд╛ рд╣реИ

рдореБрдЭреЗ рд╕рдЦреНрдд рдореЛрдб atd v4.0.4 рдореЗрдВ рд╕рдорд╛рди рддреНрд░реБрдЯрд┐ рдорд┐рд▓ рд░рд╣реА рд╣реИ

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node

рдХреНрдпрд╛ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рдЙрд╕реА рдХреЗ рд╕рдВрдмрдВрдз рдореЗрдВ рд╣реИ рдпрд╛ рдХрд┐рд╕реА рд╕реБрдЭрд╛рд╡ рдХреА рднреА рд╕рд░рд╛рд╣рдирд╛ рдХреА рдЬрд╛рдПрдЧреАред

рдПрдХ рдмрдЯрди рдХреА рдЦрд╛рддрд┐рд░ рд╕рдЦреНрдд рдореЛрдб рдХреЛ рд╣рдЯрд╛рдирд╛ рд╣рд╛рд╕реНрдпрд╛рд╕реНрдкрдж рд╣реИред рдпрд╣ atd рдХреЗ рд╕рд╛рде рдПрдХ рдХрд╛рдиреВрдиреА рд╕рдорд╕реНрдпрд╛ рд╣реИ рдЬрд┐рд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдореБрдЭреЗ рд╕рдорд╛рди рддреНрд░реБрдЯрд┐ рдкреНрд░рд╛рдкреНрдд рд╣реЛ рд░рд╣реА рд╣реИ

рдмрд╣реБрдд рд╕рд╛рд░реЗ рдкреНрд░рд╡рд╛рд╕ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИ, рдЬреИрд╕реЗ # 9870

рдЧрд╛рдЗрдб https://ant.design/docs/react/use-in-typletcript рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдПрдХ рддрд╛рдЬрд╛ рд╕реНрдерд╛рдкрд┐рдд рдХрд░рдиреЗ рдХреЗ рдмрд╛рдж рдпрд╣рд╛рдБ

рдореЗрд░реА рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ

рд╡рд░реНрдгрди

рдЪреЗрддрд╛рд╡рдиреА: findDOMNode рдХреЛ StrictMode рдореЗрдВ рдкрджрд╛рд╡рдирдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИред findDOMNode рдХреЛ Wave рдХрд╛ рдПрдХ рдЙрджрд╛рд╣рд░рдг рджрд┐рдпрд╛ рдЧрдпрд╛, рдЬреЛ StrictMode рдХреЗ рдЕрдВрджрд░ рд╣реИред рдЗрд╕рдХреЗ рдмрдЬрд╛рдп, рдЙрд╕ рд░реЗрдлрд░реА рдХреЛ рд╕реАрдзреЗ рдЙрд╕ рддрддреНрд╡ рдореЗрдВ рдЬреЛрдбрд╝реЗрдВ рдЬрд┐рд╕реЗ рдЖрдк рд╕рдВрджрд░реНрднрд┐рдд рдХрд░рдирд╛ рдЪрд╛рд╣рддреЗ рд╣реИрдВред рдпрд╣рд╛рдВ рд╕реБрд░рдХреНрд╖рд┐рдд рд░реВрдк рд╕реЗ рд░реЗрдл рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдиреЗрдВ: https://fb.me/react-strict-mode-find-node

рдХрд╛ рд╕рдорд╛рдзрд╛рди

ReactDOM.render(
  // <React.StrictMode>
    <App />
  // </React.StrictMode>,
  ,
  document.getElementById('root')
);

рдореЗрд░реЗ рд╕рд╛рде рднреА рд╡рд╣реА рджрд┐рдХреНрдХрдд рд╣реИред рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХреГрдкрдпрд╛?

рдореЗрд░реЗ рд╕рд╛рде рднреА рд╡рд╣реА рджрд┐рдХреНрдХрдд рд╣реИред рдХреНрдпрд╛ рдЖрдк рдЗрд╕реЗ рдареАрдХ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ, рдХреГрдкрдпрд╛?

рдореЗрд░реЗ рдкрд╛рд╕ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореИрдВ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ, рдЗрд╕рд▓рд┐рдП рд╕рдорд╕реНрдпрд╛ рд╕рд┐рд░реНрдл <Button /> ред

рдореЗрд░реА рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИред рдореИрдВ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ

<InputMask
    mask='99/99/9999'
    onFocus={onFocus} onBlur={onBlur}
    defaultValue={fields.birthdate.value}
    error={fields.birthdate.error}
    helperText={fields.birthdate.helperText}
    id='birthdate' name='birthdate' label='Birthdate MM/DD/YYYY'
    type='tel' variant='filled' margin='dense'
>
    {(inputProps) =>
        <TextField {...inputProps} />
    }
</InputMask>

рдкреНрд░рд╢реНрди рдореЗрдВ рд▓рд╛рдЗрди рд▓рдЧрддреА рд╣реИ рд▓рд╛рдЗрдиред

рд╕рдЦреНрдд рдореЛрдб рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИред рд╣рдо рдпрд╣ рдХреИрд╕реЗ рддрдп рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рд╕рдЦреНрдд рдореЛрдб рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдирд╛ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╡рд┐рдХрд▓реНрдк рдирд╣реАрдВ рд╣реИред рд╣рдо рдпрд╣ рдХреИрд╕реЗ рддрдп рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдЗрд╕рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдорд╛рдЗрдЧреНрд░реЗрд╢рди рдХреЛрдб рдореЗрдВ рдпреЛрдЧрджрд╛рди рдХрд░реЗрдВред

рдореБрдЭреЗ SubMenu рдФрд░ рдЪрдпрди рдШрдЯрдХреЛрдВ рдореЗрдВ рднреА рдпрд╣ рд╕рдорд╕реНрдпрд╛ рдЖ рд░рд╣реА рд╣реИред

рдЪреЗрддрд╛рд╡рдиреА: рд▓рд┐рдЧреЗрд╕реА рд╕рдВрджрд░реНрдн API рдХреЛ рдПрдХ рд╕рдЦреНрдд-рдореЛрдб рдЯреНрд░реА рдХреЗ рднреАрддрд░ рдкрд╛рдпрд╛ рдЧрдпрд╛ рд╣реИред
рд╕рднреА 16.x рд░рд┐рд▓реАрдЬрд╝ рдореЗрдВ рдкреБрд░рд╛рдиреЗ API рдХрд╛ рд╕рдорд░реНрдерди рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдЕрдиреБрдкреНрд░рдпреЛрдЧреЛрдВ рдХреЛ рдирдП рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рдорд╛рдЗрдЧреНрд░реЗрдЯ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдХреГрдкрдпрд╛ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдШрдЯрдХреЛрдВ рдХреЛ рдЕрджреНрдпрддрди рдХрд░реЗрдВ: рд╕рдмрдореЗрдиреВ

рдореБрдЭреЗ рд╡рд╣реА рдЪреЗрддрд╛рд╡рдиреА рдорд┐рд▓реА

рд╡рд╣реА рдореБрджреНрджрд╛

рдПрдХ рд╣реА рдореБрджреНрджрд╛ рднреА :(

рдпрд╣рд╛рдВ рдПрдХ рдФрд░, рд╡рд┐рдХрд▓рд╛рдВрдЧреЛрдВ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛, рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рджреАрд░реНрдШрдХрд╛рд▓рд┐рдХ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИред

рд╡рд╣реА рдореБрджреНрджрд╛

рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдпрд╣рд╛рдБред

рдпрд╣рд╛рдБ рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ, рдЪреАрдВрдЯреА рдЯреАрдо рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдПрдХ рд╕рдорд╛рдзрд╛рди рд╣реИ?

рдореЗрдиреВ рднреА рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХрд╛ рдЙрддреНрдкрд╛рджрди рдХрд░рддрд╛ рд╣реИ:
<Menu mode="horizontal" >
рдпрджрд┐ рдореИрдВ рдХреНрд╖реИрддрд┐рдЬ рдореЛрдб рдХреЛ рд╣рдЯрд╛рддрд╛ рд╣реВрдВ рддреЛ рдЪреЗрддрд╛рд╡рдиреА рдЧрд╛рдпрдм рд╣реЛ рдЬрд╛рддреА рд╣реИред рд▓реЗрдХрд┐рди рдЗрд╕рдХрд╛ рдХреЛрдИ рд╣рд▓ рдирд╣реАрдВ рд╣реИред

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

Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of DOMWrap which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in ul (created by DOMWrap)
    in DOMWrap (created by SubPopupMenu)
    in SubPopupMenu (created by Connect(SubPopupMenu))
    in Connect(SubPopupMenu) (created by Menu)
    in Provider (created by Menu)
    in Menu (created by Context.Consumer)
    in InternalMenu (created by Context.Consumer)

"antd": "^4.1.5"
"react": "^16.13.1"

рдПрдХ рд╣реА рдореБрджреНрджрд╛, рдорджрдж !!! рдХреГрдкреНрдпрд╛ред

рдирдорд╕реНрдХрд╛рд░ @latobiborред рд╣рдо рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдЖрдкрдХреЗ рдкреНрд░рд╕реНрддрд╛рд╡ / рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рдХреЛ рдкрд╕рдВрдж рдХрд░рддреЗ рд╣реИрдВ, рдЗрд╕рдХреЗ рд▓рд┐рдП рд╣рдореЗрдВ рдПрдХ рдкреБрд▓реНрд▓ рд░рд┐рдХреНрд╡реЗрд╕реНрдЯ рд░рд┐рдХреНрд╡реЗрд╕реНрдЯ рднрд░реЗрдВред рдпрд╣рд╛рдБ

рдирдорд╕реНрдХрд╛рд░ @latobibor, рд╣рдо рдЖрдкрдХреЗ рд╕реБрдЭрд╛рд╡ / рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ рд╕реЗ рдкреВрд░реА рддрд░рд╣ рд╕рд╣рдордд рд╣реИрдВ, рдХреГрдкрдпрд╛ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рд╣рд▓ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЗрд╕ рдЕрдиреБрд░реЛрдз рдХреЛ рд╣рд▓ рдореЗрдВ рдкреВрд░реНрд╡ рдирд┐рд░реНрдзрд╛рд░рд┐рдд рдЯреЗрдореНрдкрд▓реЗрдЯ рдХреЛ рднрд░рдирд╛ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░реЗрдВ, рдФрд░ рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЗ рд▓рд┐рдП рдЖрд╡рд╢реНрдпрдХ рд╕рдВрдмрдВрдзрд┐рдд рдЪреИрдВрдЬ, рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдкрд░рд┐рднрд╛рд╖рд╛рдПрдБ, рдкрд░реАрдХреНрд╖рдг рдорд╛рдорд▓реЗ, рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдЖрджрд┐ рдкреНрд░рджрд╛рди рдХрд░реЗрдВред , рдФрд░ рдпрд╣ рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдХрд┐ рд╕реАрдЖрдИ рдХреЛ рдкрд╛рд░рд┐рдд рдХрд┐рдпрд╛ рдЧрдпрд╛ рд╣реИ, рд╣рдо рдЬрд┐рддрдиреА рдЬрд▓реНрджреА рд╣реЛ рд╕рдХреЗ рд╕рдореАрдХреНрд╖рд╛ рдХрд░реЗрдВрдЧреЗ, рдЕрдЧреНрд░рд┐рдо рдзрдиреНрдпрд╡рд╛рдж рдФрд░ рдЖрдкрдХреЗ рдпреЛрдЧрджрд╛рди рдХреЗ рд▓рд┐рдП рддрддреНрдкрд░ рд╣реИрдВ!

giphy

рд╡рд╣реА рдореБрджреНрджрд╛

index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node
    in button (created by Context.Consumer)
    in Wave (created by Context.Consumer)
    in Button (at SignInPage/index.js:93)
    in div (created by FormItemInput)
    in div (created by FormItemInput)
    in div (created by Context.Consumer)
    in Col (created by FormItemInput)
    in FormItemInput (created by FormItem)
    in div (created by Context.Consumer)
    in Row (created by FormItem)
    in FormItem (at SignInPage/index.js:92)
    in form (created by ForwardRef(Form))
    in ForwardRef(Form) (created by ForwardRef(InternalForm))
    in SizeContextProvider (created by ForwardRef(InternalForm))
    in ForwardRef(InternalForm) (at SignInPage/index.js:43)
    in div (at SignInPage/index.js:42)
    in div (at SignInPage/index.js:33)
    in div (created by Context.Consumer)
    in Col (at SignInPage/index.js:32)
    in div (created by Context.Consumer)
    in Row (at SignInPage/index.js:31)
    in SignInPage (at AuthLayout/index.js:14)
    in Route (at AuthLayout/index.js:10)
    in Switch (at AuthLayout/index.js:7)
    in AuthLayout (at publicRoute.js:11)
    in Route (at publicRoute.js:9)
    in PublicRoute (at App.js:17)
    in Switch (at App.js:16)
    in Suspense (at App.js:15)
    in Router (created by BrowserRouter)
    in BrowserRouter (at App.js:14)
    in div (at App.js:13)
    in App (at src/index.js:9)
    in StrictMode (at src/index.js:8)

рдЗрд╕реА рдореБрджреНрджреЗ рдкрд░, рдореИрдВрдиреЗ рдмрд╕ рдЗрд╕ рддрд░рд╣ рдХреЗ рдПрдХ рд╕рд╛рдзрд╛рд░рдг рдбреЗрдореЛ рдХреЗ рд╕рд╛рде рдЙрдкрдпреЛрдЧ-рдЗрди-рдЯрд╛рдЗрдкрд╕реНрдХреНрд░рд┐рдкреНрдЯ рдбреЙрдХ

const App = () => (
  <div className="App">
    <Button type="primary">Button</Button>
  </div>
);

рд▓реЗрдХрд┐рди рдХрдВрд╕реЛрд▓ рдореЗрдВ рдпрд╣ index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here рддреНрд░реБрдЯрд┐ рдорд┐рд▓реАред

рдХреИрд╕реЗ рдареАрдХ рдХрд░рдирд╛ рд╣реИ?

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдореЗрдВ React.StrictMode рдХреЛ рдмрдВрдж рдХрд░ рджреЗрдирд╛ рдЪрд╛рд╣рд┐рдП рдФрд░ рддрдм рддрдХ рдЗрдВрддрдЬрд╛рд░ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП рдЬрдм рддрдХ рдХрд┐ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдЯреАрдо рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рди рдХрд░ рджреЗ рдФрд░ рдкреИрдХреЗрдЬ рдХреЛ рдЕрдкрдбреЗрдЯ рди рдХрд░ рджреЗред

рдпрд╣рд╛рдБ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд╣реИ, рдФрд░

рдпрд╣рд╛рдВ рдПрдХ рдФрд░, рд╡рд┐рдХрд▓рд╛рдВрдЧреЛрдВ рдХреЗ рд╕рд╛рде рдХрд╛рдо рдХрд░рдирд╛, рд▓реЗрдХрд┐рди рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдЖрд╢рд╛ рд╣реИ рдХрд┐ рдпрд╣ рдПрдХ рджреАрд░реНрдШрдХрд╛рд▓рд┐рдХ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИред

рдмрд┐рд▓реНрдХреБрд▓ рд╕рд╣реА

рдирд╡реАрдирддрдо рд╕рдВрд╕реНрдХрд░рдг рдореЗрдВ рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ (atd 4.2.0)

рд╡рд╣реА рдореБрджреНрджрд╛
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of Wave which is inside StrictMode. Instead, add a ref directly to the element you want to reference. Learn more about using refs safely here: https://fb.me/react-strict-mode-find-node

+1

рд╡рд╣реА рдореБрджреНрджрд╛ рдпрд╣рд╛рдБ
image ред
рдПрдХ рдлрд┐рдХреНрд╕ рдЕрджреНрднреБрдд рд╣реЛрдЧрд╛! рдзрдиреНрдпрд╡рд╛рдж atd рдЯреАрдо!

рд╡рд╣реА рдореБрджреНрджрд╛
image

рддреЛ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди?

рдПрдХ рдФрд░

image
рд╡рд╣реА рдореБрджреНрджрд╛ред

рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рднреА, рдХреГрдкрдпрд╛ рдареАрдХ рдХрд░реЗрдВ!

рдмрдЯрди рдХреЗ рд╕рд╛рде рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рднреА рджреЗрдЦ рд░рд╣рд╛ рд╣реИред

рдХреГрдкрдпрд╛ рдареАрдХ рдХрд░реЗрдВ

рдпрд╣рд╛рдВ рдЙрд╕реА рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣реЗ рд╣реИрдВ

рдореБрдЭреЗ рднреА рд╡рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реЛ рд░рд╣реА рд╣реИред рдХреНрдпрд╛ рдХреЛрдИ рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ?

рдХреНрдпрд╛ рдЖрдк рд╕реБрдирд┐рд╢реНрдЪрд┐рдд рд╣реИрдВ рдХрд┐ рдпрд╣ antd рдХреЗ рд╕рд╛рде рдХреБрдЫ рдХрд░рдирд╛ рд╣реИ? рдореИрдВ atd 3. рдореЗрдВ рдмрджрд▓ рдЧрдпрд╛ рдФрд░ рдЕрднреА рднреА рд╡рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ

рд╣рд╛рдВ, рдХреНрдпреЛрдВрдХрд┐ рдореИрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ

рдореБрдЭреЗ рднреАред рдХрд╛рдлреА рджрдмрд╛рдиреЗ рд╡рд╛рд▓рд╛ рдореБрджреНрджрд╛ рд▓рдЧрддрд╛ рд╣реИред рдЪреАрдВрдЯреА рдбреА рдХрд╣рд╛рдБ рдкрд░ рдлрд┐рд░?

рдХреНрдпрд╛ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рдХреЛрдИ рдкреАрдЖрд░ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣рд╛ рд╣реИ? рдореИрдВ рдПрдХ рд▓рд┐рдЦрдирд╛ рд╢реБрд░реВ рдХрд░ рд╕рдХрддрд╛ рд╣реВрдВ

@Kelinsutch рдЬрд╣рд╛рдВ рддрдХ тАЛтАЛрдореБрдЭреЗ рдкрддрд╛ рд╣реИ, рдХреЛрдИ рдирд╣реАрдВред

FindDOMNode рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЗ рдХрд╛рд░рдг рдпрд╣ рдПрдХ рдпрд╛ рдпрд╣ рдПрдХ

рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рд╣рд▓ рдХрд┐рдпрд╛ рдЧрдпрд╛:
Screen Shot 2020-05-12 at 10 30 01 PM

рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рдЙрджрд╛рд╣рд░рдг рд╕реЗ рдкреНрд░реЗрд░рд┐рдд: https://ant.design/compenders/form-cn/

рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдЖрдкрдХреЗ рдкрд░реАрдХреНрд╖рд╛рд░реНрдереА рдиреЗ рдореЗрд░реЗ рдорд╛рдорд▓реЗ рдХреЛ рд╣рд▓ рдХрд┐рдпрд╛: https://github.com/ant-design/ant-design/issues/22493#issuecomment -619562638ред рдФрд░ рдпрд╣ рднреА рдЬреНрдЮрд╛рдд рдирд╣реАрдВ рд╣реИ рдХрд┐ рдЖрдкрдиреЗ рдХреНрдпрд╛ рдХрд┐рдпрд╛ рдерд╛ред рдЕрдЧрд░ рдЖрдкрдиреЗ рдХреБрдЫ рдХрд┐рдпрд╛ред

@CathyXian рд╕рднреА рдмрдЯрди рдХреЛ рдПрдХ рд░реВрдк рдореЗрдВ рд▓рдкреЗрдЯрдиреЗ рд╕реЗ рд╕рдорд╕реНрдпрд╛ рдХрд╛ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реЛрддрд╛ рд╣реИ рдХреНрдпреЛрдВрдХрд┐ рдЕрдзрд┐рдХрд╛рдВрд╢ рд╕рдордп рдореЗрдВ <Button> рдШрдЯрдХреЛрдВ рдХрд╛ рдЙрдкрдпреЛрдЧ рд░реВрдкреЛрдВ рдореЗрдВ рдирд╣реАрдВ рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ, рдмрд▓реНрдХрд┐ onClick рдХреА рд╣реЛрддреА рд╣реИрдВред

рдЬреИрд╕рд╛ рдХрд┐ @caelinsutch рдиреЗ рдмрддрд╛рдпрд╛ рд╣реИ, рд╡реЗрд╡ рдХрдВрдкреЛрдиреЗрдВрдЯ рдбрд┐рдкреНрд░реЗрдХреНрдЯреЗрдб рдореЗрдердб findDOMNode рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реИред

рдЬрд▓реНрджреА рд╕реЗ рдЬрд╛рдБрдЪ рдХрд┐ рдХреМрди рд╕рд╛ рдШрдЯрдХ рдЙрд╕ рд╡рд┐рдзрд┐ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддрд╛ рд╣реИ, рдореИрдВрдиреЗ рдкрд╛рдпрд╛:

  • рдмрдЯрди https://github.com/ant-design/ant-design/blob/dff19af744cce8920f8038f3d32a3051cae7ef50/compenders/button/button.tston#L265 -L269
    рдпрджрд┐ рдЖрдк (рдкреНрд░рдХрд╛рд░ = "рд▓рд┐рдВрдХ") рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ рд╡реЗрд╡ рдШрдЯрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдирд╣реАрдВ рдХрд░реЗрдЧрд╛, рдпрд╣реА @CathyXian рдХрд╛ рдЙрд▓реНрд▓реЗрдЦ рдХрд░рддрд╛ рд╣реИред

рдкреБрд░рд╛рдиреА рдкрджреНрдзрддрд┐ рдХреЛ рд╣рдЯрд╛рдиреЗ рдХреЗ рд▓рд┐рдП рд▓рд╣рд░ рдШрдЯрдХ рдХреЛ рдлрд┐рд░ рд╕реЗ рдЪрд╛рд▓реВ рдХрд┐рдпрд╛ рдЬрд╛рдирд╛ рдЪрд╛рд╣рд┐рдПред
рдФрд░, рд╣реЛ рд╕рдХрддрд╛ рд╣реИ рдХрд┐ рдЕрдиреНрдп рдШрдЯрдХреЛрдВ рдХреЛ рднреА рдЙрд╕ рд╡рд┐рдзрд┐ рд╕реЗ рдЫреБрдЯрдХрд╛рд░рд╛ рдорд┐рд▓ рдЬрд╛рдП: https://github.com/ant-design/ant-design/search?q=findDOMNode&unscoped_q=findDOMNode

рдХрд┐рд╕реА рдкреНрд░рдХрд╛рд░ рдХреЗ рдЕрдЬреАрдм рдХрд╛рд░рдг рдХреЗ рд▓рд┐рдП рдпрд╣ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЗ рд╕рд╛рде рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ:

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

рдХрд┐рд╕реА рдкреНрд░рдХрд╛рд░ рдХреЗ рдЕрдЬреАрдм рдХрд╛рд░рдг рдХреЗ рд▓рд┐рдП рдпрд╣ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЗ рд╕рд╛рде рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ:

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

рдореИрдВрдиреЗ рдпрд╣ рдХреЛрд╢рд┐рд╢ рдХреА рдФрд░ рдПрдХ рдЖрдХрд░реНрд╖рдг рдХреА рддрд░рд╣ рдХрд╛рдо рдХрд┐рдпрд╛, рд▓реЗрдХрд┐рди рдпрд╣ рд╕рд╡рд╛рд▓ рд╣реИ, рдХреНрдпрд╛ рдпрд╣ рджреАрд░реНрдШрдХрд╛рд▓рд┐рдХ рд╕рдорд╛рдзрд╛рди рд╣реИ?

рдХрд┐рд╕реА рдкреНрд░рдХрд╛рд░ рдХреЗ рдЕрдЬреАрдм рдХрд╛рд░рдг рдХреЗ рд▓рд┐рдП рдпрд╣ рдирд┐рдореНрдирд▓рд┐рдЦрд┐рдд рдХреЗ рд╕рд╛рде рдкреБрди: рдкреЗрд╢ рдирд╣реАрдВ рдХрд░рддрд╛ рд╣реИ:

  <React.Suspense fallback={''}>
    <App />
  </React.Suspense>

рдпрд╣ рдХреЗрд╡рд▓ рд▓рд┐рдкрдЯреЗ <React.StrictMode> <App> рдХреЛ рдирд┐рдХрд╛рд▓рдиреЗ рд╕реЗ рдЕрд▓рдЧ рдирд╣реАрдВ рд╣реИред рдЬреЛ рдЖрд╡рд╢реНрдпрдХ рдирд╣реАрдВ рд╣реЛрдирд╛ рдЪрд╛рд╣рд┐рдПред

рдЯреИрдмреНрд╕ рдХреЗ рд╕рд╛рде рднреА рд╣реБрдЖ

рдореБрдЭреЗ рднреА,
рдХреНрдпрд╛ рдЖрдк рдХреГрдкрдпрд╛ рдЗрд╕реЗ рдЙрдЪреНрдЪ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗ рд╕рдХрддреЗ рд╣реИрдВ?

рдПрдХ рд╣реА рдореБрджреНрджрд╛ ЁЯШУ

рдореБрдЭреЗ рдпрд╣рд╛рдБ рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд┐рд╕реА рдиреЗ рдХреЛрдИ рд╣рд▓ рдирд┐рдХрд╛рд▓рд╛ рд╣реИ?

рдореБрдЭреЗ рдпрд╣рд╛рдБ рднреА рдпрд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ, рдХреНрдпрд╛ рдХрд┐рд╕реА рдиреЗ рдХреЛрдИ рд╣рд▓ рдирд┐рдХрд╛рд▓рд╛ рд╣реИ?

рдореЗрд░рд╛ рдорддрд▓рдм рд╣реИ рдХрд┐ рдКрдкрд░ рдЙрд▓реНрд▓рд┐рдЦрд┐рдд рдПрдХ рд╕рдорд╛рдзрд╛рди рд╣реИ, рдХреЛрдб рдХреЛ рдлрд┐рд░ рд╕реЗ рднрд░рдирд╛, рдореИрдВ рд╢рд╛рдпрдж рдЗрд╕ рд╕рдкреНрддрд╛рд╣ рдХреЗ рдЕрдВрдд рдореЗрдВ рдЗрд╕реЗ рдкреНрд░рд╛рдкреНрдд рдХрд░реВрдВрдЧрд╛

рдзрдиреНрдпрд╡рд╛рдж! рдореИрдВ рднреА рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд░рд╣рд╛ рд╣реВрдБ!

рд╡рд╣реА рдореБрджреНрджрд╛

рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рд╣реИ

                  `<Button
                        htmlType="button"
                        icon={<LoginOutlined />}
                        onClick={this.onLogin.bind(this)}
                    >
                        Welcome Back
                    </Button>`

рдореИрдВ рдЕрднреА рднреА рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдкреНрд░рд╛рдкреНрдд htmlType рд╡рд┐рд╢реЗрд╖рддрд╛ рдХрд╛ рдЗрд╕реНрддреЗрдорд╛рд▓ рдХрд┐рдпрд╛ред рд╕реНрдЯреНрд░рд┐рдХреНрдЯрдореЛрдб рдХреЛ рд╣рдЯрд╛рдирд╛ рдХреЛрдИ рд╣рд▓ рдирд╣реАрдВ рд╣реИред @antd рдХреГрдкрдпрд╛ рд╕рдорд╛рдзрд╛рди рдкреНрд░рджрд╛рди рдХрд░реЗрдВред

рд╡рд╣реА рдореБрджреНрджрд╛

рдХреЛрдИ рд╕рдорд╛рдзрд╛рди, рдПрдХ рд╣реА рдореБрджреНрджрд╛ ...ред

SubMenu рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ред
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛": "^ 16.13.1",
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдбреЛрдо": "^ 16.13.1",
"atd": "^ 4.3.1",

рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛ рдореИрдВ form.item рдореЗрдВ рдмрдЯрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣рд╛ рд╣реВрдБ


<Button type="primary" htmlType="submit" > LOG IN </Button>

"atd": "^ 4.3.1",

рдЖрдк рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдкрд░ рд╕рдордЧреНрд░ рдЬрд╛рдБрдЪ рдХреНрдпреЛрдВ рдирд╣реАрдВ рдХрд░рддреЗ рд╣реИрдВ? @ afc163

рд╡рд╣реА рд╕рдорд╕реНрдпрд╛, рдХреЛрдИ рд╕рдорд╛рдзрд╛рди?

рдКрд░реНрдзреНрд╡рд╛рдзрд░ рдореЗрдиреВ рдореЗрдВ рдПрдХ рд╕рдмрдореЗрдиреВ рдХреЗ рд╕рд╛рде рдПрдХ рд╣реА рд╕рдорд╕реНрдпрд╛,

рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдпрд╣рд╛рдБред рдпрд╣ Button рдШрдЯрдХ рд╕реЗ рдирд┐рдХрд▓ рд░рд╣рд╛ рд╣реИ, рд▓реЗрдХрд┐рди рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ Wave рдШрдЯрдХ рд╣реИ, componentDidMount рдФрд░ onTransitionStart ред рдХреНрдпрд╛ рд╣рдо findDOMNode(this) рдХреЙрд▓ рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп рдХреЗрд╡рд▓ рдПрдХ рд░реЗрдлрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ?

рдореИрдВ рднреА

+1

+1

+1

рдХрд╛рд╢ рдбреЗрд╡рд▓рдкрд░реНрд╕ рдиреЗ рд╕рдореНрдореЗрд▓рдиреЛрдВ рдХрд╛ рдкрд╛рд▓рди рдХрд┐рдпрд╛ рдФрд░ рдИрдореЗрд▓ рдХреЗ рдорд╛рдзреНрдпрдо рд╕реЗ рдЗрд╕ рдзрд╛рдЧреЗ рдХреЛ рд╕рдмреНрд╕рдХреНрд░рд╛рдЗрдм рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рд╕рднреА рдХреЛ рдирдЧ рд╕реЗ +1 рдХрд░рдиреЗ рд╕реЗ рдмрдЪреЗрдВред рдпрд╣ рдмрд╣реБрдд рдХрд╖реНрдЯрдкреНрд░рдж рдФрд░ рдЕрд╡реНрдпрд╡рд╕рд╛рдпрд┐рдХ рд╣реИ, @kreuzhofer @Lemii @moderndegree @TechieQian @lefterisk рдФрд░ рдЕрдиреНрдп

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдореЗрдиреВ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдпрд╣рд╛рдВ рдПрдХ рд╣реА рдореБрджреНрджрд╛

рдпрд╣рд╛рдБ рдПрдХ рд╣реА рдореБрджреНрджрд╛ рд╣реИред рдареАрдХ рдХрд░рдиреЗ рдХреА рдЬрд░реВрд░рдд рд╣реИ

рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдмрдЯрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдпрд╣рд╛рдВ рдПрдХ рд╣реА рдореБрджреНрджрд╛

+1

рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдпрд╣рд╛рдБред

рдпрд╣рд╛рдБ рдПрдХ рд╣реА рдореБрджреНрджрд╛, рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдПрдХ рд╕рдорд╛рдзрд╛рди рдпрд╛ рд╕рдорд╛рдзрд╛рди рдХреЛ рдкрд╕рдВрдж рдХрд░реЗрдЧрд╛ рдЬрд┐рд╕реЗ рд╕рдЦреНрдд рдореЛрдб рдХреЛ рдмрдВрдж рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рдирд╣реАрдВ рд╣реИред

рдореИрдВ рдЙрд╕реА рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрд░ рд░рд╣рд╛ рд╣реВрдВ

рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдпрд╣рд╛рдБ

рд╕рдмрдореЗрдиреВ рдХреЗ рд╕рд╛рде рдПрдХ рд╣реА рдореБрджреНрджрд╛

@Ant рдЯреАрдо, рдореИрдВ рдЗрд╕ рдЦреБрд▓реЗ рдХреЛ рдЫреЛрдбрд╝рдиреЗ рдХрд╛ рд╕реБрдЭрд╛рд╡

рдЗрддрдирд╛ рд╕рдм рдХреБрдЫ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж! :)

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

Ant.design рдмрдЯрди рдХреЗ рд▓рд┐рдП рдпрд╣рд╛рдВ рднреАред
"atd": "^ 4.6.3",
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛": "^ 16.13.1",
"рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛-рдбреЛрдо": "^ 16.13.1",

рдХреЛрдИ рд╕реБрдзрд╛рд░? рдпрд╛ рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб?

рд╡рд╣реА рдореБрджреНрджрд╛

рдХреЛрдб рдХреА рдкрд╣рд▓реА рдкрдВрдХреНрддрд┐ рдкрд░ рдПрдХ рддреНрд░реБрдЯрд┐ рдмрддрд╛рдИ рдЧрдИ рд╣реИред ред ред рдЕрднреА рддрдХ рдорд░рдореНрдордд рдирд╣реАрдВ рд╣реБрдИред ред

рдореИрдВрдиреЗ рдЕрдкрдиреА рдкрд░рд┐рдпреЛрдЬрдирд╛ рдореЗрдВ рдПрдХ рдмрдЯрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рд╕рд┐рд░реНрдл рдЗрд╕ рдореБрджреНрджреЗ рдХреЛ рдЦреЛрдЬрд╛ рдерд╛ред
рдореИрдВ "atd" рдкрд░ рд╣реВрдБ: "^ 4.6.2"

рдореЛрдбрд▓ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рдпрд╣рд╛рдВ рдПрдХ рд╣реА рдореБрджреНрджрд╛ред
рдореБрдЭреЗ 2 рдЪреЗрддрд╛рд╡рдиреА рдорд┐рд▓ рд░рд╣реА рд╣реИрдВ:
`index.js: 1 рдЪреЗрддрд╛рд╡рдиреА: рд╕рдЦреНрдд рдореЛрдб рдореЗрдВ UNSAFE_componentWillReceiveProps рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдирд╣реАрдВ рдХреА рдЬрд╛рддреА рд╣реИ рдФрд░ рдпрд╣ рдЖрдкрдХреЗ рдХреЛрдб рдореЗрдВ рдмрдЧ рдХрд╛ рд╕рдВрдХреЗрдд рджреЗ рд╕рдХрддрд╛ рд╣реИред рд╡рд┐рд╡рд░рдг рдХреЗ рд▓рд┐рдП https://fb.me/react-unsafe-component-lifecycles рджреЗрдЦреЗрдВред

  • рдШрдЯрдХ рд▓рд╛рдиреЗ рдХреЗ рд▓рд┐рдП рдбреЗрдЯрд╛ рд▓рд╛рдиреЗ рдХреЗ рдХреЛрдб рдпрд╛ рд╕рд╛рдЗрдб рдЗрдлреЗрдХреНрдЯреНрд╕ рдХреЛ рд╕реНрдерд╛рдирд╛рдВрддрд░рд┐рдд рдХрд░реЗрдВред
  • рдпрджрд┐ рдЖрдк рд╕реНрдЯреЗрдЯреНрд╕ рдХреЛ рдЕрдкрдбреЗрдЯ рдХрд░ рд░рд╣реЗ рд╣реИрдВ, рддреЛ рдЬрдм рднреА рдкреНрд░реЙрдкреНрд╕ рдмрджрд▓реЗ, рдореЗрдореЛрдирд╛рдЗрдЬреЗрд╢рди рддрдХрдиреАрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдЕрдкрдиреЗ рдХреЛрдб рдХреЛ рд░рд┐рдлрд▓реЗрдХреНрдЯрд░ рдХрд░реЗрдВ рдпрд╛ рдЗрд╕реЗ рд╕реНрдерд┐рд░ getDerivedStateFromProps.` рдкрд░ рд▓реЗ рдЬрд╛рдПрдВред

рд╕рд╛рде рд╣реА рд╕рд╛рде :
index.js:1 Warning: findDOMNode is deprecated in StrictMode. findDOMNode was passed an instance of AnimateChild which is inside StrictMode. Instead, add a ref directly to the element you want to reference.

рдХреЛрдИ рд╕реБрдзрд╛рд░ ?

рд╡рд╣реА рдореБрджреНрджрд╛ред

рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреА рдЖрд╡рд╢реНрдпрдХрддрд╛ рд╣реИред

рдПрдХ рдмрдЯрди рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдпрд╣рд╛рдВ 4.6.6 рдкрд░ рдЬрд╛рд░реА рдХрд░реЗрдВ

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

рдЪреАрдВрдЯреА рдХреЗ рд╕рд╛рде рд╕рдорд╕реНрдпрд╛ 4.6.6 рдФрд░ рдкреНрд░рддрд┐рдХреНрд░рд┐рдпрд╛ 16.13.1 :(

рджреЛрд╕реНрддреЛрдВ, рдпрджрд┐ рдпрд╣ рддреНрд░реБрдЯрд┐ рдЖрдкрдХреЗ рд▓рд┐рдП рдХрд╖реНрдЯрдкреНрд░рдж рд╣реИ рддреЛ рдХреЗрд╡рд▓ рдПрдХ рд╕реБрдЭрд╛рд╡:

const isDev = process.env.NODE_ENV === 'development'

ReactDOM.render(
  isDev ? <App /> : (
    <React.StrictMode>
      <App />
    </React.StrictMode>
  ),
  document.getElementById('root')
)

рдЪреАрдпрд░реНрд╕!

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

рд╡рд╣реА рдореБрджреНрджрд╛ред

рд╡рд╣реА рдореБрджреНрджрд╛ред

рд╡рд╣реА рдореБрджреНрджрд╛

@ enoh-barbu рдореБрдЭреЗ рдирд╣реАрдВ рд▓рдЧрддрд╛ рдХрд┐ рдХреЛрдИ рднреА рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдХреНрд░рд┐рдп рд░реВрдк рд╕реЗ рдХреЛрд╢рд┐рд╢ рдХрд░ рд░рд╣рд╛ рд╣реИред

рдЬрдм рдореИрдВ рдХрдВрд╕реЛрд▓ рдХреЛ рдЦреЛрд▓рддрд╛ рд╣реВрдВ рддреЛ рдореБрдЭреЗ рдПрдХ рддреНрд░реБрдЯрд┐ рджреЗрдЦрдиреЗ рд╕реЗ рдирдлрд░рдд рд╣реИ, рдЗрд╕ рддреНрд░реБрдЯрд┐ рдХреЗ рд▓рд┐рдП рд╕рдЦреНрдд рдореЛрдб рдХреЛ рд╣рдЯрд╛рдирд╛ рдХрдо рд╕реЗ рдХрдо рдХрд╣рдиреЗ рдХреЗ рд▓рд┐рдП рд╣рд╛рд╕реНрдпрд╛рд╕реНрдкрдж рд╣реИред

рдпреВрдкреА

рдЕрдЧрд░ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИ рддреЛ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ?

рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ)
image

рдЙрдкрд░рд╛рдВрдд)
image

рдЕрдм рддрдХ рд╡рд╣реА рдореБрджреНрджрд╛ред

рдЕрдм рддрдХ рд╡рд╣реА рдореБрджреНрджрд╛ред

рдЕрдм рддрдХ рд╡рд╣реА рдореБрджреНрджрд╛

рдЕрднреА рднреА рд╡рд╣реА рдореБрджреНрджрд╛ рд╣реИред

рдЕрднреА рднреА рдЯреВрдЯрд╛

рдЕрдЧрд░ рд╣рдорд╛рд░реЗ рдкрд╛рд╕ рдХреЛрдИ рд╕рдорд╛рдзрд╛рди рдирд╣реАрдВ рд╣реИ рддреЛ рдЗрд╕ рдмрд╛рд░реЗ рдореЗрдВ рдХреИрд╕реЗ?

рдЗрд╕рд╕реЗ рдкрд╣рд▓реЗ)
(рдмрдбрд╝реА рдЫрд╡рд┐)

рдЙрдкрд░рд╛рдВрдд)
(рдмрдбрд╝реА рдЫрд╡рд┐)

рдЗрд╕рд╕реЗ рднреА рдмреЗрд╣рддрд░: рдпрджрд┐ рдЖрдк рдХрдВрд╕реЛрд▓ рдХреЛ рдмрдВрдж рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рд╣рд░ рдЪреЗрддрд╛рд╡рдиреА close рд╕рдорд╛рдкреНрдд рд╣реЛ рдЬрд╛рддреА рд╣реИ

рдПрдХ рддрд░рдл рдордЬрд╛рдХ: рдЗрд╕ рдореБрджреНрджреЗ рдХрд╛ рд╕рд╛рдордирд╛ рдХрдИ рдШрдЯрдХреЛрдВ рдкрд░ рднреА

рдЕрднреА рднреА рд╡рд╣реА рдореБрджреНрджрд╛ рд╣реИ
React.StrictMode рдЫреБрдЯрдХрд╛рд░рд╛ рдкрд╛рдиреЗ рдореЗрдВ рдорджрдж рдХрд░рддрд╛ рд╣реИ

рдереНрд░реЗрдб рдХрд╛ рдЕрдиреБрд╕рд░рдг рдХрд░рдиреЗ рд╡рд╛рд▓реЗ рдХрд┐рд╕реА рднреА рд╡реНрдпрдХреНрддрд┐ рд╕реЗ рдкреНрд░рд╢реНрди рдХрд░реЗрдВ ... рдпрд╣ MEAN (рд╡рд┐рд╢реЗрд╖ рд░реВрдк рд╕реЗ рддреНрд░реБрдЯрд┐) рдХреНрдпрд╛ рдХрд░рддрд╛ рд╣реИ, рдФрд░ рдХреНрдпрд╛ рдХрд┐рд╕реА рдиреЗ рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдХреЛрдб рдХреЛ рджреЗрдЦрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдХреНрдпрд╛ рдХрд╛рд░рдг рд╣реЛ рд╕рдХрддрд╛ рд╣реИ (рдпрд╛ рдпрд╣ рдХреНрдпреЛрдВ рдорд╛рдпрдиреЗ рд░рдЦрддрд╛ рд╣реИ)ред рдХрд╛рдлреА рдИрдорд╛рдирджрд╛рд░реА рд╕реЗ рдореИрдВ рдЗрд╕реЗ рдареАрдХ рдХрд░рдиреЗ рдХреА рдХреЛрд╢рд┐рд╢ рдХрд░реВрдВрдЧрд╛, рд▓реЗрдХрд┐рди рдореЗрд░реЗ рдкрд╛рд╕ рдпрд╣ рд╕рдордп (рдпрд╛ рдХреЛрдбрдмреЗрд╕ рдХреЗ рдЬреНрдЮрд╛рди) рдХреА рдЬрд╛рдВрдЪ рдХрд░рдиреЗ рдФрд░ рдпрд╣ рджреЗрдЦрдиреЗ рдХреЗ рд▓рд┐рдП рдирд╣реАрдВ рд╣реИ рдХрд┐ рдРрд╕рд╛ рдХреНрдпреЛрдВ рд╣реЛ рд░рд╣рд╛ рд╣реИ рдпрд╛ рдХреЛрдб рдмреЗрд╕ рдореЗрдВ рддреНрд░реБрдЯрд┐ рдХрд╣рд╛рдВ рдореМрдЬреВрдж рд╣реИред

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

рд╢рд╛рдпрдж рд╣рдореЗрдВ рдЗрд╕ рд╕реВрддреНрд░ рдХреЛ рдПрдХ рд╕рд╣рдпреЛрдЧреА рдкреНрд░рдпрд╛рд╕ рдФрд░ рд▓рд┐рд╕реНрдЯрд┐рдВрдЧ рд╕реНрдерд┐рддрд┐рдпреЛрдВ рдХреЗ рд░реВрдк рдореЗрдВ рдорд╛рдирдирд╛ тАЛтАЛрд╢реБрд░реВ рдХрд░рдирд╛ рдЪрд╛рд╣рд┐рдП, рдЬрд┐рд╕рдХреЗ рддрд╣рдд рд╣рдо рдЪреЗрддрд╛рд╡рдиреА рдХрд╛ рдЕрдиреБрднрд╡ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдХреЗрд╡рд▓ "рд╣рд╛рдБ, рддреНрд░реБрдЯрд┐ рдХрд░реЗрдВ, рдареАрдХ рдХрд░реЗрдВ" рдХреЗ рдмрдЬрд╛рдп рд╕рдорд╕реНрдпрд╛ рдХрд╛ рдирд┐рд╡рд╛рд░рдг рдХрд░рдирд╛ рд╢реБрд░реВ рдХрд░рддреЗ рд╣реИрдВред

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

рдЗрд╕рдХреЗ рдЕрд▓рд╛рд╡рд╛ рд╕рдЦреНрдд рдореЛрдб рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП (рдЬреЛ рдХрд┐ рдореИрдВрдиреЗ рддрдм рддрдХ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд┐рдпрд╛ рд╣реИ рдЬрдм рддрдХ рдХрд┐ рдПрдХ рдЕрдзрд┐рдХ рдЙрдкрдпреБрдХреНрдд рдирд┐рд░реНрдзрд╛рд░рдг рдЙрдкрд▓рдмреНрдз рдирд╣реАрдВ рд╣реИ, рдпрд╛ рдореЗрд░реЗ рдкрд╛рд╕ рдЦреБрдж рдХреЛ рдкреНрд░рд╕реНрддрд╛рд╡рд┐рдд рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд▓рд╣рд░ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдЕрдзрд┐рдХ рдЬрд╛рдирдиреЗ рдХрд╛ рд╕рдордп рд╣реИ ...), рдХреЛрдб рдХреЗ рд▓реБрдХ рд╕реЗ рдЗрд╕реЗ рдЬреЛрдбрд╝рдирд╛ рдЖрд╕рд╛рди рд╣реЛ рд╕рдХрддрд╛ рд╣реИред рд▓рд╣рд░ рдХреЗ рдЙрдкрдпреЛрдЧ рдХреЛ рдЕрдХреНрд╖рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреАрдЖрд░ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдкреАрдЖрд░, рдЕрдм рдХреЗ рд▓рд┐рдП findDomNode рдЙрдкрдпреЛрдЧ рдХреЛ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдмрджрд▓рдиреЗ рдХреА рддреБрд▓рдирд╛ рдореЗрдВред рдереЛрдбрд╝рд╛ рд╕рд╛ рдЧреВрдЧреБрд▓рд┐рдВрдЧ рд╕реЗ рдкрддрд╛ рдЪрд▓реЗрдЧрд╛ рдХрд┐ рдпрд╣ рд╕рд┐рд░реНрдл рдПрдХ рдЪреАрдВрдЯреА рдбрд┐рдЬрд╛рдЗрди рдХреА рд╕рдорд╕реНрдпрд╛ рдирд╣реАрдВ рд╣реИ (рдпрд╛рдиреА: https://stackoverflow.com/questions/61220424/material-ui-drawer-finddomnode-is-deprecated-in-strictmode), рдЗрд╕рд▓рд┐рдП рдореИрдВ рдорд╛рди рд▓реВрдВрдЧрд╛ рд▓рд╛рдЧреВ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕рдмрд╕реЗ рдЖрд╕рд╛рди рддрдп рдирд╣реАрдВ рд╣реИ, рдпрд╛ рдХреЛрдИ рдФрд░ рдкрд╣рд▓реЗ рд╕реЗ рд╣реА рдЗрд╕ рдкрд░ рдХреВрдж рдЧрдпрд╛ рд╣реЛрдЧрд╛ред рдЪреВрдБрдХрд┐ рдХреЛрдИ рднреА рдкрд░рд┐рд╡рд░реНрддрди рди рдХреЗрд╡рд▓ рдмрдЯрди рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░реЗрдЧрд╛, рд╣рдореЗрдВ рдмрд╕ рддрдм рддрдХ рдЗрдВрддрдЬрд╛рд░ рдХрд░рдирд╛ рд╣реЛрдЧрд╛ рдЬрдм рддрдХ рдХрд┐ рдПрдВрдЯреА-рдбрд┐рдЬрд╝рд╛рдЗрди рд░рдЪрдирд╛рдХрд╛рд░реЛрдВ рдХреЗ рдкрд╛рд╕ рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рдкреНрд░рд╛рдердорд┐рдХрддрд╛ рджреЗрдиреЗ рдХрд╛ рд╕рдордп рди рд╣реЛ, рддрд╛рдХрд┐ рд╡реЗ рдкреВрд░реА рддрд░рд╣ рд╕реЗ рдПрдХ рдЙрдЪрд┐рдд рд╕рдорд╛рдзрд╛рди рдХрд╛ рдкрд░реАрдХреНрд╖рдг рдХрд░ рд╕рдХреЗрдВ .... рдореИрдВ рдирд┐рд╢реНрдЪрд┐рдд рд░реВрдк рд╕реЗ рдЙрдирдХреЗ рд╕рднреА рдХрд╛рд░реНрдпреЛрдВ рдХреА рд╕рд░рд╛рд╣рдирд╛ рдХрд░рддрд╛ рд╣реВрдВ рдЬреЛ рдЙрдиреНрд╣реЛрдВрдиреЗ рдХрд┐рдП рд╣реИрдВ рдЗрд╕реЗ рдпрд╣рд╛рдБ рдкреНрд░рд╛рдкреНрдд рдХрд░реЗрдВ, рдЗрд╕рд▓рд┐рдП рдореБрдЭреЗ рдпрдХреАрди рд╣реИ рдХрд┐ рдЬреЛ рднреА рд╕рдорд╛рдзрд╛рди рд╣реЛрдЧрд╛ рд╡рд╣ рдХреБрдЫ рдРрд╕рд╛ рд╣реЛрдЧрд╛ рдЬреЛ рдмрд╛рдХреА рдХреЗ рд╕рд╛рде рд╣реА рдХрд╛рдо рдХрд░реЗрдЧрд╛!

рд╕рдВрдкрд╛рджрд┐рдд рдХрд░реЗрдВ:
рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП рдЙрддреНрд╕реБрдХ рдХреНрдпреЛрдВ рдпрд╣ рдПрдХ "рдЖрд╕рд╛рди рдлрд┐рдХреНрд╕" рдирд╣реАрдВ рд╣реЛ рд╕рдХрддрд╛ рд╣реИ, рдпрд╣рд╛рдВ рдХреБрдЫ рдЦреЛрдЬрдиреЗ рдХреЗ рд▓рд┐рдП рд╕реБрдЭрд╛рдП рдЧрдП рд╕рдорд╛рдзрд╛рди findDomNode рд╣реИрдВред https://medium.com/trabe/getting-rid-of-finddomnode-method-in-your-react-application-a0d7093b2660
рдпрд╣ рдорд╛рдирддреЗ рд╣реБрдП рдХрд┐ рдпрд╣ рдХрдИ рдШрдЯрдХреЛрдВ рдХреЛ рдкреНрд░рднрд╛рд╡рд┐рдд рдХрд░рддрд╛ рд╣реИ, рдпрд╣ рд╡рд╛рд╕реНрддрд╡ рдореЗрдВ рдХрд┐рд╕реА рдХреЗ рд▓рд┐рдП "рдЦрд╛рд▓реА" рд╕рдордп рдХреА рддреБрд▓рдирд╛ рдореЗрдВ рдПрдХ рдмрдбрд╝рд╛ рдХрд╛рдо рд╣реЛрдЧрд╛ ...

рд╡рд╣реА рдореБрджреНрджрд╛

рдпрд╣ рдЯрд┐рдХрдЯ 7 рдорд╣реАрдиреЗ рд╕реЗ рдЕрдзрд┐рдХ рд╕рдордп рд╕реЗ рдЦреБрд▓рд╛ рд╣реИред

рд╡рд╣реА

27755 рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЛ рдареАрдХ рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рд╣реИ

+1

рдореБрдЭреЗ рдЗрд╕ рдкрд░рд┐рдпреЛрдЬрдирд╛ рдХреЗ рдирд┐рдпрдореЛрдВ рдХреЗ рдмрд╛рд░реЗ рдореЗрдВ рдкрддрд╛ рдирд╣реАрдВ рд╣реИ, рд▓реЗрдХрд┐рди рдЕрдиреНрдп рд╕рдореБрджрд╛рдпреЛрдВ рдореЗрдВ "рд╕рдорд╛рди" рдФрд░ "+1" рдЯрд┐рдкреНрдкрдгрд┐рдпреЛрдВ рдХреА рд╡рдЬрд╣ рд╕реЗ рд╣рддреЛрддреНрд╕рд╛рд╣рд┐рдд рдХрд┐рдпрд╛ рдЬрд╛рддрд╛ рд╣реИ

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

рд╢рд╛рдпрдж рд╣рдо рд╢реАрд░реНрд╖ рд╕рдорд╕реНрдпрд╛ рдкрд░: +1: рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рдХреЗ рдЗрд╕ рд╕рдорд╕реНрдпрд╛ рдХреЗ рд▓рд┐рдП рд╕рдорд░реНрдерди рд╡реНрдпрдХреНрдд рдХрд░ рд╕рдХрддреЗ рд╣реИрдВред

Https://github.com/ant-design/ant-design/pull/27755 рдореЗрдВ рдлрд┐рдХреНрд╕реНрдб

рдлрд┐рдХреНрд╕ рдкрд░ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рдзрдиреНрдпрд╡рд╛рдж, рдореБрдЭреЗ рд▓рд╛рдЗрдмреНрд░реЗрд░реА рд╕реЗ рдкреНрдпрд╛рд░ рд╣реИред рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдореИрдВ рдЕрднреА рднреА [email protected] рдХреЗ рд╕рд╛рде рдЗрд╕ рдЪреЗрддрд╛рд╡рдиреА рдХреЛ рджреЗрдЦ рд░рд╣рд╛ рд╣реВрдВ
рдХрд┐рд╕реА рдкреНрд░рдкрддреНрд░ рдХреЗ рдЕрдВрджрд░ рдЗрдирдкреБрдЯ рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░рддреЗ рд╕рдордп рдХреЗрд╡рд▓ рдПрд╕рд┐рдВрдХреНрд░реЛрдирд╕-рд╕рддреНрдпрд╛рдкрдирдХрд░реНрддрд╛ рдЖрдЧ рд▓рдЧрдиреЗ рдХреЗ рдмрд╛рдж рджрд┐рдЦрд╛рдИ рджреЗрддрд╛ рд╣реИред

Screen Shot 2020-11-18 at 5 07 27 PM

рдореБрдЭреЗ [email protected] рдХреЗ рд╕рд╛рде рдПрдХ рд╣реА рдореБрджреНрджрд╛ рдорд┐рд▓рд╛

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

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

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

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

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

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

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