μ΄κ²μ V6 λ³κ²½ μ¬ν λ° λ²κ·Έ μμ μ μΆμ νλ ν¬κ΄μ μΈ λ¬Έμ μ λλ€.
autofocus
μ΅μ
μ κ±°KeyboardEvent.key
μ¬μ©νμ¬ delimiters
λ° delimiterChars
μ΅μ
λ³ν©handleX
μμ onX
(#91)λ‘ λ°κΏμΌ ν©λλ€.handleInputChange
μ΄λ¦μ onInput
λ°κΏμΌ ν©λλ€.listBoxId
κ΅¬μ± κ°λ₯pkg.module
(#112)clearInputOnDelete
μ΅μ
μ μ κ±°νκ³ νκ·Έλ₯Ό μμ ν λ μ
λ ₯μ μ§μ°μ§ μμ(#155)μ΄κ±° μΆμν κ³νμ΄ μλμ?
μ¬μ©μ μ μ μ μ κ΅¬μ± μμλ₯Ό νμ©νκ³ μΆμ΅λλ€! 6.0μ΄ μΆμλλμ?
[email protected]
μ npmμ κ²μνμ΅λλ€. μλν΄ λ³΄κ³ λ¬Έμ κ° μμΌλ©΄ μλ €μ£ΌμΈμ!
@i-like-robots Hooksλ₯Ό μ¬μ©νμ¬ λ¦¬ν©ν λ§ν κ³νμ΄ μμ΅λκΉ? μλ₯Ό λ€μ΄ μμν κΉμ?
@theJian μμ§ μλλλ€. μμ λ‘ μμνλ κ²μ μ’μ μκ°μ²λΌ λ€λ¦½λλ€.
μ΄κ²μ μΈμ ν΅ν©ν κ³νμ λκΉ? :)
λΆννλ λ² ν 릴리μ€μ λν νΌλλ°±μ λ°μ§ λͺ»νκΈ° λλ¬Έμ 릴리μ€λ₯Ό κΊΌλ Έμ΅λλ€. μλν΄λ³΄κ³ μΆλ€λ©΄ μ½μ΄λ³΄κΈ° πμ μ§μΉ¨μ΄ μμ΅λλ€.
https://github.com/i-like-robots/react-tags/tree/6.0#installation
λΉ λ₯Έ λ΅μ₯ κ°μ¬ν©λλ€ π μ§κΈ ν μ€νΈν΄ 보μλλ° μ λ§ μ λλ€μ π λ§μ΄κ·Έλ μ΄μ μ§μΉ¨μ λ°λμ΅λλ€ π₯
μ°λ¦¬μ ꡬνμ μ΅μνμ λλ€. κ·Έλ¬λ λλ μ΄κ²μ΄ ν¨κ³Όκ° μμμ νμΈν μ μμ΅λλ€ :)
λΉλκΈ° κ²μμ μ¬μ©νμ¬ μ μμ κ°μ Έμ€λ©΄ κ΅¬μ± μμκ° μ¬λ°λ₯΄κ² μλνμ§ μκ³ propsλ₯Ό ν΅ν΄ μ 곡λλ μ μκ³Ό λκΈ°νλμ§ μμ΅λλ€.
μ½λμμ λ΄λΆ μνλ₯Ό μ
λ°μ΄νΈνκΈ° μν΄ μ μμμ λ³κ²½ μ¬νμ μ‘°μ¬νμ§ μλ κ² κ°μ΅λλ€.
μΆμ : "npm i react-tag-autocomplete"λ₯Ό μνν λ λ² ν λ²μ μ΄ μ΄μ κΈ°λ³Έ λ²μ μΌλ‘ μ€μΉλ κ² κ°μ΅λλ€. handleInputChangeκ° μλνμ§ μλ μ΄μ λ₯Ό μ΄ν΄νλ λ° μκ°μ΄ κ±Έλ Έμ΅λλ€.
μλͺ»λ npm λ°°ν¬ νκ·Έ @coxom μ λν΄ μλ €μ£Όμ μ κ°μ¬ν©λλ€. μ¬κΈ° μμ μμ λμμ΅λλ€.
@coxom onInput λΉλκΈ° κ°μ Έμ€κΈ°λ₯Ό ν΄κ²°νμ΅λλ€.
onInput = (query) => {
return fetch(`/search/?q=${query}`).then(result => result.json()).then((suggestions) => {
this.tagsRef.current.setState({ query, options: suggestions, suggestions });
νΈμ§: μΌλΆ λ³κ²½μ μννκ³ λ§μΉ¨λ΄ μ€ν¬λ‘€λ¬κ° νμ±νλκ³ keyUP λ° Down ν¬μ»€μ€ μ€ν¬λ‘€λ¬ μ΄λμΌλ‘ λ ν° κ²°κ³Ό μΈνΈμ λν μ§μμ μΆκ°νμ΅λλ€.