Yêu cầu Mar 26th, 2022 3:41 p.m. 277 0 1
  • 277 0 1
0

Mình muốn cho người dùng nhập các từ khóa, sau khi nhập xong thì ra như hình bên dưới thì phải làm thế nào ạ?

Chia sẻ
  • 277 0 1

image.png

1 CÂU TRẢ LỜI


Đã trả lời Mar 26th, 2022 6:28 p.m.
Đã được chấp nhận
+4

Không biết bạn sẽ sử dụng thư viện / framework nào để triển khai, nhưng công thức chung chung sẽ như thế này:

  1. Xác định Delimiter.
  • Delimiter bạn có thể hiểu như là 1 ký tự, hoặc 1 phím ghi bạn gõ nhằm ngăn cách các từ khóa.
  • Mình ví dụ bạn sẽ sử dụng phím Enter để làm delimiter đi.
  1. State keywords là 1 array chứa các keyword, mỗi lần nhấn Enter sẽ:
  • Thêm từ vừa nhập vào state keywords (keywords.push(inputValue))
  • Clear thẻ input để xóa hết nội dung vừa nhập
  • Render lại danh sách các tag theo keywords trên.
Chia sẻ
Avatar Hiên Công @hiencongdqu
Mar 28th, 2022 2:57 a.m.

Cảm ơn bạn nhiều nhé♥️

Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí