рдореИрдВ рдлрд┐рд░ рд╕реЗ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝ рдкрдврд╝ рд░рд╣рд╛ рдерд╛, рдпрд╣ рдореЗрд░реЗ рд▓рд┐рдП рдХреЙрд▓рдмреИрдХ рдмрдирд╛рдо рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдПрдХ рд░реЗрдлрд░реА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рдиреЗ рдХреЗ рдмреАрдЪ рдХрд╛ рдЕрдВрддрд░ рд╕реНрдкрд╖реНрдЯ рдирд╣реАрдВ рд╣реИ:
<input ref={input => this._input = input} />
рдмрдирд╛рдо <input ref="input" />
рдХреНрдпрд╛ рдХреЛрдИ рдХреГрдкрдпрд╛ рдореБрдЭреЗ рд╕реНрдкрд╖реНрдЯ рдХрд░ рд╕рдХрддрд╛ рд╣реИ?
рдпрджрд┐ рдЖрдк ref рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣ this.refs
рдСрдмреНрдЬреЗрдХреНрдЯ рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП, this.refs.input
ред
рдпрджрд┐ рдЖрдк рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕рдХреЗ рд╕рд╛рде рдХреБрдЫ рднреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рд╣реИрдВ, рдпрджрд┐ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдЗрд╕реЗ this
рдкрд░ рд╕рд╣реЗрдЬрдирд╛ рднреА рд╢рд╛рдорд┐рд▓ рд╣реИред
рдЕрдВрддрддрдГ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд░реЗрдлрд░реА рдХреЛ рдмрд╣рд┐рд╖реНрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдмрд╛рдж рдореЗрдВ рдкреЗрд╢ рдХрд┐рдП рдЧрдП рдереЗ рд▓реЗрдХрд┐рди рд╡реЗ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд░реЗрдл рдХреЗ рд╕рднреА рдЙрдкрдпреЛрдЧ рдорд╛рдорд▓реЛрдВ рдХреЛ рдХрд╡рд░ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЙрдирдХреЗ рдХреБрдЫ рдбрд╛рдЙрдирд╕рд╛рдЗрдбреНрд╕ рдирд╣реАрдВ рд╣реИрдВред рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ рдХрд┐ рдЖрдк рдЕрдкрдиреЗ рджреНрд╡рд╛рд░рд╛ рд▓рд┐рдЦреЗ рдЧрдП рдирдП рдХреЛрдб рдореЗрдВ рд╣рдореЗрд╢рд╛ рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред
рднрд╡рд┐рд╖реНрдп рдореЗрдВ, рдХреГрдкрдпрд╛ StackOverflow рдкрд░ рдкреНрд░рд╢реНрди рдкреВрдЫрдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред рд╣рдо рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рд╕рдорд╕реНрдпрд╛ рдЯреНрд░реИрдХрд░ рдХреЛ рдПрдХ рд╕рдорд░реНрдерди рдордВрдЪ рдирд╣реАрдВ рдорд╛рдирддреЗ рд╣реИрдВ, рдФрд░ рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдЧрд┐рдЯрд╣рдм рдЦреЛрдЬ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдЦреЛрдЬ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдХреЛрдИ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдкреВрдЫреЗред рдЬрдмрдХрд┐ рдпрджрд┐ рдЖрдкрдиреЗ рдЗрд╕реЗ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдкрд░ рдкреЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИ, рддреЛ рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдЖрдкрдХреЛ рдПрдХ рдЕрдЪреНрдЫрд╛ рдЙрддреНрддрд░ рдорд┐рд▓ рдЬрд╛рдПрдЧрд╛, рдЖрдкрдХреЗ рдкреНрд░рд╢реНрди рдХреЛ рд╡реЛрдЯ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рдФрд░ рдЕрдзрд┐рдХ рд▓реЛрдЧреЛрдВ рдиреЗ рдЗрд╕рд╕реЗ рд╕реАрдЦрд╛ рд╣реЛрдЧрд╛ рдФрд░ рдЗрд╕реЗ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдкрд╛рдпрд╛ рд╣реЛрдЧрд╛ред
@gaearon рдлрд┐рд░ рд╕реЗ рдзрдиреНрдпрд╡рд╛рджред рдореИрдВ рдЕрдЧрд▓реА рдмрд╛рд░ StackOverflow рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реВрдБрдЧрд╛ред
рдХреЛрдИ рджрд┐рдХреНрдХрдд рдирд╣реАрдВ рд╣реИ! рдХреГрдкрдпрд╛ рдмреЗрдЭрд┐рдЭрдХ рджрд╕реНрддрд╛рд╡реЗрдЬрд╝реАрдХрд░рдг рдХреЗ рд▓рд┐рдП рдПрдХ рдкреБрд▓ рдЕрдиреБрд░реЛрдз рд╕рдмрдорд┐рдЯ рдХрд░реЗрдВ рдпрджрд┐ рдЖрдкрдХреЛ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рд╣рдо рдЗрд╕реЗ рдФрд░ рдЕрдзрд┐рдХ рд╕реНрдкрд╖реНрдЯ рдХрд░ рд╕рдХрддреЗ рд╣реИрдВ рдХрд┐ рд╣рдо рдирдП рдХреЛрдб рдореЗрдВ рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдкреИрдЯрд░реНрди рдХреА рдЕрдиреБрд╢рдВрд╕рд╛ рдХрд░рддреЗ рд╣реИрдВред
рд╕рдмрд╕реЗ рдЙрдкрдпреЛрдЧреА рдЯрд┐рдкреНрдкрдгреА
рдпрджрд┐ рдЖрдк ref рдХреЛ рдПрдХ рд╕реНрдЯреНрд░рд┐рдВрдЧ рдХреЗ рд░реВрдк рдореЗрдВ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдпрд╣
this.refs
рдСрдмреНрдЬреЗрдХреНрдЯ рдкрд░ рдЙрдкрд▓рдмреНрдз рд╣реЛрдЧрд╛, рдЙрджрд╛рд╣рд░рдг рдХреЗ рд▓рд┐рдП,this.refs.input
редрдпрджрд┐ рдЖрдк рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХреЛ рдкрд░рд┐рднрд╛рд╖рд┐рдд рдХрд░рддреЗ рд╣реИрдВ, рддреЛ рдЖрдк рдЗрд╕рдХреЗ рд╕рд╛рде рдХреБрдЫ рднреА рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рд╕реНрд╡рддрдВрддреНрд░ рд╣реИрдВ, рдпрджрд┐ рдЖрдк рдЪрд╛рд╣реЗрдВ рддреЛ рдЗрд╕реЗ
this
рдкрд░ рд╕рд╣реЗрдЬрдирд╛ рднреА рд╢рд╛рдорд┐рд▓ рд╣реИредрдЕрдВрддрддрдГ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд░реЗрдлрд░реА рдХреЛ рдмрд╣рд┐рд╖реНрдХреГрдд рдХрд┐рдпрд╛ рдЬрд╛ рд░рд╣рд╛ рд╣реИред рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдмрд╛рдж рдореЗрдВ рдкреЗрд╢ рдХрд┐рдП рдЧрдП рдереЗ рд▓реЗрдХрд┐рди рд╡реЗ рд╕реНрдЯреНрд░рд┐рдВрдЧ рд░реЗрдл рдХреЗ рд╕рднреА рдЙрдкрдпреЛрдЧ рдорд╛рдорд▓реЛрдВ рдХреЛ рдХрд╡рд░ рдХрд░рддреЗ рд╣реИрдВ рдФрд░ рдЙрдирдХреЗ рдХреБрдЫ рдбрд╛рдЙрдирд╕рд╛рдЗрдбреНрд╕ рдирд╣реАрдВ рд╣реИрдВред рдореЗрд░рд╛ рд╕реБрдЭрд╛рд╡ рд╣реИ рдХрд┐ рдЖрдк рдЕрдкрдиреЗ рджреНрд╡рд╛рд░рд╛ рд▓рд┐рдЦреЗ рдЧрдП рдирдП рдХреЛрдб рдореЗрдВ рд╣рдореЗрд╢рд╛ рдХреЙрд▓рдмреИрдХ рд░реЗрдлрд░реА рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░реЗрдВред
рднрд╡рд┐рд╖реНрдп рдореЗрдВ, рдХреГрдкрдпрд╛ StackOverflow рдкрд░ рдкреНрд░рд╢реНрди рдкреВрдЫрдиреЗ рдкрд░ рд╡рд┐рдЪрд╛рд░ рдХрд░реЗрдВред рд╣рдо рдЖрдзрд┐рдХрд╛рд░рд┐рдХ рддреМрд░ рдкрд░ рд╕рдорд╕реНрдпрд╛ рдЯреНрд░реИрдХрд░ рдХреЛ рдПрдХ рд╕рдорд░реНрдерди рдордВрдЪ рдирд╣реАрдВ рдорд╛рдирддреЗ рд╣реИрдВ, рдФрд░ рджреБрд░реНрднрд╛рдЧреНрдп рд╕реЗ рдЧрд┐рдЯрд╣рдм рдЦреЛрдЬ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдЦреЛрдЬ рдХреЗ рд╕рд╛рде-рд╕рд╛рде рдХрд╛рдо рдирд╣реАрдВ рдХрд░рддреА рд╣реИ, рдЗрд╕рд▓рд┐рдП рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдХреЛрдИ рдЗрд╕реЗ рдлрд┐рд░ рд╕реЗ рдкреВрдЫреЗред рдЬрдмрдХрд┐ рдпрджрд┐ рдЖрдкрдиреЗ рдЗрд╕реЗ рд╕реНрдЯреИрдХ рдУрд╡рд░рдлреНрд▓реЛ рдкрд░ рдкреЛрд╕реНрдЯ рдХрд┐рдпрд╛ рд╣реИ, рддреЛ рд╕рдВрднрд╡ рд╣реИ рдХрд┐ рдЖрдкрдХреЛ рдПрдХ рдЕрдЪреНрдЫрд╛ рдЙрддреНрддрд░ рдорд┐рд▓ рдЬрд╛рдПрдЧрд╛, рдЖрдкрдХреЗ рдкреНрд░рд╢реНрди рдХреЛ рд╡реЛрдЯ рджрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛, рдФрд░ рдЕрдзрд┐рдХ рд▓реЛрдЧреЛрдВ рдиреЗ рдЗрд╕рд╕реЗ рд╕реАрдЦрд╛ рд╣реЛрдЧрд╛ рдФрд░ рдЗрд╕реЗ рднрд╡рд┐рд╖реНрдп рдореЗрдВ рдкрд╛рдпрд╛ рд╣реЛрдЧрд╛ред