React: [рджрд╕реНрддрд╛рд╡реЗрдЬрд╝] [рдкреНрд░рд╢реНрди] рд░реЗрдлрд░реА - рдХреЙрд▓рдмреИрдХ рдмрдирд╛рдо рд╕реНрдЯреНрд░рд┐рдВрдЧ

рдХреЛ рдирд┐рд░реНрдорд┐рдд 11 рдорд╛рд░реНрдЪ 2016  ┬╖  3рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: facebook/react

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

<input ref={input => this._input = input} /> рдмрдирд╛рдо <input ref="input" />

рдХреНрдпрд╛ рдХреЛрдИ рдХреГрдкрдпрд╛ рдореБрдЭреЗ рд╕реНрдкрд╖реНрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реИ?

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

рдпрджрд┐ рдЖрдк ref рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ this.refs рдСрдмреНрдЬреЗрдХреНрдЯ рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, this.refs.input ред
рдпрджрд┐ рдЖрдк рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕рдХреЗ рд╕рд╛рде рдХреБрдЫ рднреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рд╣реИрдВ, рдпрджрд┐ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдЗрд╕реЗ this рдкрд░ рд╕рд╣реЗрдЬрдирд╛ рднреА рд╢рд╛рдорд┐рд▓ рд╣реИред

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

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

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

рдпрджрд┐ рдЖрдк ref рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ this.refs рдСрдмреНрдЬреЗрдХреНрдЯ рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, this.refs.input ред
рдпрджрд┐ рдЖрдк рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕рдХреЗ рд╕рд╛рде рдХреБрдЫ рднреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рд╣реИрдВ, рдпрджрд┐ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдЗрд╕реЗ this рдкрд░ рд╕рд╣реЗрдЬрдирд╛ рднреА рд╢рд╛рдорд┐рд▓ рд╣реИред

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

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

@gaearon рдлрд┐рд░ рд╕реЗ рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ рдЕрдЧрд▓реА рдмрд╛рд░ StackOverflow рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдБрдЧрд╛ред

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

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

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

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

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

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

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

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