React-tags: рдкрд╣рд▓реЗ рд╕реБрдЭрд╛рд╡ рдХрд╛ рд╕реНрд╡рддрдГ рдЪрдпрди

рдХреЛ рдирд┐рд░реНрдорд┐рдд 1 рдирд╡ре░ 2016  ┬╖  9рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ  ┬╖  рд╕реНрд░реЛрдд: i-like-robots/react-tags

рдХреНрдпрд╛ рдпрд╣ рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╕рдВрднрд╡ рд╣реИ?
рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдпреВрдПрдХреНрд╕ рдХреЗ рдорд╛рдорд▓реЗ рдореЗрдВ рдорджрдж рдХрд░реЗрдЧрд╛ред рдЯрд╛рдЗрдк рдХрд░реЗрдВ, рджрд░реНрдЬ рдХрд░реЗрдВ, рдЯрд╛рдЗрдк рдХрд░реЗрдВ, рджрд░реНрдЬ рдХрд░реЗрдВред рдЯрд╛рдЗрдк рдХрд░рдиреЗ рдХреЗ рдмрдЬрд╛рдп, рдбрд╛рдЙрди, рдПрдВрдЯрд░, рдЯрд╛рдЗрдк, рдбрд╛рдЙрди, рдПрдВрдЯрд░ рдХрд░реЗрдВред

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

@ i-like-robots рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ рдХрдм рдорд░реНрдЬ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛? ЁЯЩП

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

рдореБрдЭреЗ рд▓рдЧрддрд╛ рд╣реИ рдХрд┐ рдпрд╣ рдЗрд╕ рдмрд╛рдд рдкрд░ рдирд┐рд░реНрднрд░ рдХрд░рддрд╛ рд╣реИ рдХрд┐ allowNew рдзреНрд╡рдЬ рд╕реЗрдЯ рд╣реИ рдпрд╛ рдирд╣реАрдВ, рд╢рд╛рдпрдж рдЬрдм рдпрд╣ рдЭреВрдард╛ рд╣реЛ (рдХреЗрд╡рд▓ рд╕реБрдЭрд╛рдП рдЧрдП рдЯреИрдЧ рдЪреБрдиреЗ рдЬрд╛ рд╕рдХрддреЗ рд╣реИрдВ) рдЬреЛ рд╕рдордЭ рдореЗрдВ рдЖрддрд╛ рд╣реИ?

рдирдорд╕реНрддреЗ @i-like-robots

рдРрд╕рд╛ рдирд╣реАрдВ рд╣реИ рдЬреИрд╕рд╛ рдЖрдк рдХрд╣рддреЗ рд╣реИрдВ, рдореИрдВ рджреЗрдЦрддрд╛ рд╣реВрдВ рдХрд┐ рдХреЛрдб рд╣рдореЗрд╢рд╛ рдЪрдпрдирд┐рдд рдЗрдВрдбреЗрдХреНрд╕ = -1 . рд╕реЗрдЯ рдХрд░рддрд╛ рд╣реИ

рдХреНрдпрд╛ рдореИрдВ рдПрдХ рдмрджрд▓рд╛рд╡ рдХреЛ рдЖрдЧреЗ рдмрдврд╝рд╛ рд╕рдХрддрд╛ рд╣реВрдВ, рдореИрдВрдиреЗ рдЗрд╕реЗ рдХрд╛рдо рдХрд┐рдпрд╛ рд╣реИ? рдЪреВрдВрдХрд┐ рдореИрдВ рдЪрд╛рд╣рддрд╛ рд╣реВрдВ рдХрд┐ рдкрд╣рд▓рд╛ рдЖрдЗрдЯрдо рд╕реНрд╡рддрдГ рдЪрдпрдирд┐рдд рд╣реЛ, рдЗрд╕рд▓рд┐рдП рдЙрдкрдпреЛрдЧрдХрд░реНрддрд╛ рдХреЗ рд▓рд┐рдП рдкрд╣рд▓реЗ рдЖрдЗрдЯрдо рдХрд╛ рдЪрдпрди рдХрд░рдирд╛ рдЖрд╕рд╛рди рд╣реЛрдЧрд╛ред

TAB рдХреБрдВрдЬреА рдХреЛ рдЕрдЪреНрдЫреА рддрд░рд╣ рд╕реЗ рдХрд╛рдо рдХрд░рдиреЗ рдХреЗ рд▓рд┐рдП рднреА рдЖрд╡рд╢реНрдпрдХ рд╣реИ, рдЬрдм minQueryLength = 0, рдпрд╣ рднреАред

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

рдЕрддрд┐рд░рд┐рдХреНрдд рдкреБрд▓ рдЕрдиреБрд░реЛрдз, рдХреГрдкрдпрд╛ рдкрд░рд┐рд╡рд░реНрддрдиреЛрдВ рдХреЛ рджреЗрдЦреЗрдВред
рдкреАрдЖрд░ - рдСрдЯреЛ-рд╕рд┐рд▓реЗрдХреНрдЯ-рдлрд░реНрд╕реНрдЯ-рдЖрдЗрдЯрдо

рдореЗрд░реА рдЯрд┐рдкреНрдкрдгреА рдХреЛ рджреЛрдмрд╛рд░рд╛ рдкрдврд╝рдирд╛ рдФрд░ рдЕрдм рдорд╣рд╕реВрд╕ рдХрд░реЗрдВ рдХрд┐ рдЕрдЧрд░ allowNew true рд╣реЛрддрд╛ рддреЛ рдЗрд╕рдХрд╛ рдХреЛрдИ рдорддрд▓рдм рдХреНрдпреЛрдВ рдирд╣реАрдВ рд╣реЛрддрд╛ред рдореИрдВ рдХрд╣реВрдВрдЧрд╛ рдХрд┐ рдпрд╣ рд╡реНрдпрд╡рд╣рд╛рд░ рд╕рдХреНрд╖рдо рдХрд░реЗрдВ allowNew рд╣реИ false рд▓реЗрдХрд┐рди рдЕрдЧрд░ рдпрд╣ true ред

@ i-like-robots рдЗрд╕ рдкрд░ рдХреЛрдИ рдЕрдкрдбреЗрдЯ рдХрдм рдорд░реНрдЬ рдХрд┐рдпрд╛ рдЬрд╛рдПрдЧрд╛? ЁЯЩП

рд╣рдо рдЕрдкрдиреЗ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдХреЗ рд▓рд┐рдП рднреА рдЗрд╕ рд╡рд┐рдХрд▓реНрдк рдХреЛ рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗ, рдХреЛрдИ рдЦрдмрд░ рдЕрдЧрд░ рдпрд╣ рдЗрд╕реЗ v6 рдореЗрдВ рдмрдирд╛рдПрдЧреА? рд╣рдо рд╡рд░реНрддрдорд╛рди рдореЗрдВ v6 рдмреАрдЯрд╛ 3 рдХрд╛ рдЙрдкрдпреЛрдЧ рдХрд░ рд░рд╣реЗ рд╣реИрдВ

рд╡рд░реНрддрдорд╛рди рдореЗрдВ рд╣рдо рдЬрд┐рд╕ рдкреНрд░реЛрдЬреЗрдХреНрдЯ рдкрд░ рдХрд╛рдо рдХрд░ рд░рд╣реЗ рд╣реИрдВ рдЙрд╕рдХреЗ рд▓рд┐рдП рдЙрд╕реА рд╕рдорд╛рдзрд╛рди рдХреА рдЦреЛрдЬ рдХрд░ рд░рд╣реЗ рд╣реИрдВред рдЗрд╕ рдореБрджреНрджреЗ рдкрд░ рдХреБрдЫ рдЖрдВрджреЛрд▓рди рджреЗрдЦрдирд╛ рдкрд╕рдВрдж рдХрд░реЗрдВрдЧреЗред :)

рд╡рд░реНрдХрдЕрд░рд╛рдЙрдВрдб рдЪрд╛рд╣рдиреЗ рд╡рд╛рд▓реЛрдВ рдХреЗ рд▓рд┐рдП:

useEffect(() => {
     if (suggestions.length > 0) {
          // library doesn't auto-select the first item in the list
          inputRef.current.setState({  index: 0 });
     }
     else {
          // if no results, don't want to highlight
          inputRef.current.setState({ index: -1 });
     }
}, [suggestions]);

рдЬрд╣рд╛рдВ рдЖрдкрдХрд╛ inputRef рдЖрдкрдХреЗ рддрддреНрд╡ рдХрд╛ рд╕рдВрджрд░реНрдн рд╣реИред

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

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

i-like-robots picture i-like-robots  ┬╖  11рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yrik picture yrik  ┬╖  10рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

luciemac picture luciemac  ┬╖  7рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

famouspotatoes picture famouspotatoes  ┬╖  5рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ

yrik picture yrik  ┬╖  4рдЯрд┐рдкреНрдкрдгрд┐рдпрд╛рдБ