React-tags: 첫 번째 μ œμ•ˆ μžλ™ 선택

에 λ§Œλ“  2016λ…„ 11μ›” 01일  Β·  9μ½”λ©˜νŠΈ  Β·  좜처: i-like-robots/react-tags

ν˜„μž¬ κ°€λŠ₯ν•œκ°€μš”?
UX μΈ‘λ©΄μ—μ„œ 도움이 될 것이라고 μƒκ°ν•©λ‹ˆλ‹€. μž…λ ₯, μž…λ ₯, μž…λ ₯, μž…λ ₯ νƒ€μž λ³΄λ‹€λŠ” μ•„λž˜λ‘œ, μ—”ν„°, μž…λ ₯, μ•„λž˜λ‘œ, μ—”ν„°.

question

κ°€μž₯ μœ μš©ν•œ λŒ“κΈ€

@i-like-robots 이것이 μ–Έμ œ λ³‘ν•©λ˜λŠ”μ§€μ— λŒ€ν•œ μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ? πŸ™

λͺ¨λ“  9 λŒ“κΈ€

allowNew ν”Œλž˜κ·Έκ°€ μ„€μ •λ˜μ—ˆλŠ”μ§€ 여뢀에 달렀 μžˆλ‹€κ³  κ°€μ •ν•©λ‹ˆλ‹€. μ•„λ§ˆλ„ 이것이 거짓일 λ•Œ(μ œμ•ˆλœ νƒœκ·Έλ§Œ 선택될 수 있음) μ˜λ―Έκ°€ μžˆμ„κΉŒμš”?

μ•ˆλ…•ν•˜μ„Έμš” @i-like-robotsμž…λ‹ˆλ‹€.

그것은 당신이 λ§ν•œ 것과 같지 μ•ŠμŠ΅λ‹ˆλ‹€. λ‚˜λŠ” μ½”λ“œκ°€ 항상 selectedIndex = -1둜 μ„€μ •λœ 것을 λ΄…λ‹ˆλ‹€.

λ³€κ²½ 사항을 ν‘Έμ‹œν•  수 μžˆμŠ΅λ‹ˆκΉŒ? 첫 번째 ν•­λͺ©μ΄ μžλ™ μ„ νƒλ˜κΈ°λ₯Ό μ›ν•˜λ―€λ‘œ 첫 번째 ν•­λͺ©μ˜ 경우 μ‚¬μš©μžκ°€ μ„ νƒν•˜κΈ°κ°€ 더 μ‰½μŠ΅λ‹ˆλ‹€.

λ˜ν•œ minQueryLength = 0일 λ•Œ TAB ν‚€κ°€ 잘 μž‘λ™ν•˜λŠ” 데 ν•„μš”ν•œ μˆ˜μ • 사항도 μžˆμŠ΅λ‹ˆλ‹€.

allowNew μ„€μ • 여뢀에 관계없이 첫 번째 μ œμ•ˆμ— μžλ™μœΌλ‘œ μ΄ˆμ μ„ λ§žμΆ”λ©΄ ν΄λ¦­ν•˜κ±°λ‚˜ μ•„λž˜λ‘œ 눌러 μ„ νƒν•˜λŠ” λŒ€μ‹  Enter ν‚€λ₯Ό 눌러 μ„ νƒν•˜λ©΄ λ©λ‹ˆλ‹€.

ν’€ λ¦¬ν€˜μŠ€νŠΈλ₯Ό μΆ”κ°€ν–ˆμŠ΅λ‹ˆλ‹€. λ³€κ²½ 사항을 μ‚΄νŽ΄λ³΄μ„Έμš”.
PR - 첫 번째 ν•­λͺ© μžλ™ 선택

λ‚΄ μ˜κ²¬μ„ λ‹€μ‹œ 읽고 allowNew 이 true 경우 μ™œ μ΄μΉ˜μ— λ§žμ§€ μ•ŠλŠ”μ§€ κΉ¨λ‹«μŠ΅λ‹ˆλ‹€. 이 λ™μž‘μ„ ν™œμ„±ν™”ν•˜λ©΄ allowNew κ°€ false μ΄μ§€λ§Œ true κ²½μš°μ—λŠ” 그렇지 μ•ŠμŠ΅λ‹ˆλ‹€.

@i-like-robots 이것이 μ–Έμ œ λ³‘ν•©λ˜λŠ”μ§€μ— λŒ€ν•œ μ—…λ°μ΄νŠΈκ°€ μžˆμŠ΅λ‹ˆκΉŒ? πŸ™

우리 ν”„λ‘œμ νŠΈμ—μ„œλ„ 이 μ˜΅μ…˜μ„ μ’‹μ•„ν•  κ²ƒμž…λ‹ˆλ‹€. v6에 μ μš©λœλ‹€λ©΄ μ–΄λ–€ μ†Œμ‹μ΄ μžˆμŠ΅λ‹ˆκΉŒ? ν˜„μž¬ v6 베타 3λ₯Ό μ‚¬μš©ν•˜κ³  μžˆμŠ΅λ‹ˆλ‹€.

ν˜„μž¬ atmμ—μ„œ μž‘μ—… 쀑인 ν”„λ‘œμ νŠΈμ— λŒ€ν•΄ λ™μΌν•œ μ†”λ£¨μ…˜μ„ μ°Ύκ³  μžˆμŠ΅λ‹ˆλ‹€. 이 λ¬Έμ œμ— λŒ€ν•œ μ›€μ§μž„μ„ 보고 μ‹ΆμŠ΅λ‹ˆλ‹€. :)

ν•΄κ²° 방법을 μ›ν•˜λŠ” μ‚¬λžŒλ“€μ„ μœ„ν•΄:

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 λ“±κΈ‰

κ΄€λ ¨ 문제

yrik picture yrik  Β·  10μ½”λ©˜νŠΈ

luciemac picture luciemac  Β·  7μ½”λ©˜νŠΈ

V6
i-like-robots picture i-like-robots  Β·  11μ½”λ©˜νŠΈ

filippofilip95 picture filippofilip95  Β·  4μ½”λ©˜νŠΈ

williamsidewalk picture williamsidewalk  Β·  4μ½”λ©˜νŠΈ