Trung BìnhReact iconReact

Dynamic form fields (thêm xóa input fields) được implement như thế nào?

Lưu array of field objects trong state.

  • Render với map, mỗi field có unique id làm key.
  • Thêm: setFields(prev => [...prev, { id: uuid(), value: '' }]).
  • Xóa: setFields(prev => prev.filter(f => f.id !== id)).
  • React Hook Form cung cấp useFieldArray hook xử lý pattern này với performance tốt hơn.

Xem toàn bộ React cùng filter theo level & chủ đề con.

Mở danh sách React