Trong React (khung của Facebook), tôi cần kết xuất phần tử nhãn được liên kết với kiểu nhập văn bản bằng forthuộc tính tiêu chuẩn .
ví dụ: JSX sau được sử dụng:
<label for="test">Test</label>
<input type="text" id="test" />Tuy nhiên, điều này tạo ra HTML thiếu thuộc tính bắt buộc (và tiêu chuẩn) for:
<label>Test</label>
<input type="text" id="test">Tôi đang làm gì sai?
Câu trả lời:
Các forthuộc tính được gọi là htmlFornhất quán với các API hữu DOM. Nếu bạn đang sử dụng bản phát triển React, bạn sẽ thấy cảnh báo trong bảng điều khiển của mình về điều này.
labelyếu tố (như trả về bởi document.createElement, document.getElementById, vv), bạn muốn truy cập nó forbất động sản như label.htmlFor.
Vâng, để phản ứng,
for trở thành htmlFor
class trở thành className
Vân vân.
xem danh sách đầy đủ về cách thay đổi thuộc tính HTML tại đây:
Đối với React, bạn phải sử dụng các từ khóa theo định nghĩa để xác định các thuộc tính html.
class->className
được sử dụng và
for->htmlFor
được sử dụng, vì phản ứng là trường hợp nhạy cảm, đảm bảo bạn phải tuân theo quy mô nhỏ và vốn theo yêu cầu.
cả hai forvà classđược dành riêng các từ trong JavaScript, đây là lý do tại sao khi nói đến các thuộc tính HTML trong JSX, bạn cần sử dụng một thứ khác, nhóm React quyết định sử dụng htmlForvà classNametương ứng
forlà một từ dành riêng trong JavaScript, nên các phần tử React sử dụng htmlForthay thế.": Reacjs.org/docs/dom-elements.html#htmlfor
htmlForđể thay thế for!bạn có thể tìm thêm thông tin bằng cách theo các liên kết dưới đây.
https://facebook.github.io/react/docs/dom-elements.html#htmlfor
Đó là htmlFor trong JSX và class là className trong JSX