νμ¬ κ°λ₯νκ°μ?
UX μΈ‘λ©΄μμ λμμ΄ λ κ²μ΄λΌκ³ μκ°ν©λλ€. μ
λ ₯, μ
λ ₯, μ
λ ₯, μ
λ ₯ νμ 보λ€λ μλλ‘, μν°, μ
λ ₯, μλλ‘, μν°.
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
λ μμμ λν μ°Έμ‘°μ
λλ€.
κ°μ₯ μ μ©ν λκΈ
@i-like-robots μ΄κ²μ΄ μΈμ λ³ν©λλμ§μ λν μ λ°μ΄νΈκ° μμ΅λκΉ? π