Prompt miễn phí
Giải thích luồng dữ liệu React qua props, state và render lại
Phân tích component React để hiểu dữ liệu đi qua props, state và điểm gây render lại; kèm gợi ý cải thiện.
Prompt dùng để làm gì?
Phân tích component React để hiểu dữ liệu đi qua props, state và điểm gây render lại; kèm gợi ý cải thiện.
Điền thông tin của bạn
Prompt
Input mẫu
Code component:
function UserList({ users, onSelect }) { const [filter, setFilter] = useState(''); ... }
Output mẫu
2) Render lại: khi filter đổi hoặc khi users từ cha đổi thì component render lại
3) Vấn đề: filter đặt đúng chỗ nhưng danh sách lọc lại mỗi render có thể tốn kém
4) Gợi ý: dùng useMemo cho danh sách đã lọc, tách item thành component con nếu cần
Cách sử dụng
Giải thích cấu trúc
Mẹo sử dụng
- Hãy yêu cầu mô tả thêm nếu component dùng context, reducer hoặc custom hook.
- Nếu có danh sách dài, kiểm tra khả năng lọc/sắp xếp gây render tốn kém.
- Phân biệt render do state nội bộ với render do props từ cha thay đổi.
Nguồn và giấy phép
ONTER biên tập · original
Đánh giá prompt
Chọn số sao theo trải nghiệm của bạn. Bạn có thể sửa đánh giá sau một phút.
Prompt liên quan
Thiết kế kiến trúc tách lớp cho ứng dụng nhỏ dễ bảo trì
Đề xuất cách tách controller, service, repository, cấu trúc thư mục và luồng gọi cho một ứng dụng nhỏ.
Phân tích và giảm thiểu rủi ro từ dữ liệu đầu vào
Rà soát mã xử lý input để phát hiện chèn lệnh, path traversal và đề xuất chỉnh sửa an toàn theo bối cảnh thực tế.
Soát lỗi logic trong chuỗi if-else phức tạp
Kiểm tra khối điều kiện dài để tìm lỗi logic, làm rõ nhánh biên và đề xuất viết lại dễ hiểu hơn kèm test liên quan.
Viết hàm xử lý dữ liệu đầu vào không tin cậy
Tạo hàm an toàn để kiểm tra, làm sạch, chuẩn hóa và bắt lỗi dữ liệu từ nguồn ngoài trước khi xử lý.
