При работе с typescript, react, файлами TSX и объявлениями definitely typed компиляция выдаёт такую ошибку:
error TS2339: Property 'for' does not exist on type 'HTMLProps<HTMLLabelElement>'.Это происходит при компиляции компонента со следующим TSX
<label for={this.props.fieldId} className="field-caption">{this.props.caption}</label>Я уже исправил проблему, но оставлю решение для тех, кто столкнётся с ней позже, поскольку ни Google, ни StackOverflow не помогли найти ответ
With typescript, react, TSX source files and definitely typed declarations, compilation gives me this error:
error TS2339: Property 'for' does not exist on type 'HTMLProps<HTMLLabelElement>'.It happens while compiling a component containing this TSX
<label for={this.props.fieldId} className="field-caption">{this.props.caption}</label>I've fixed it already, but I'm posting this for whoever encounters it next because neither Google nor StackOverflow searches turned up the answer
Проблема решилась заменой атрибута for на htmlFor
<label htmlFor={this.props.fieldId} className="field-caption">{this.props.caption}</label>Видимо, сам React особо обрабатывает for, подобно тому, как для class он требует className, поэтому объявления definitely typed здесь ни при чём.
Changing the attribute from for to htmlFor fixed it
<label htmlFor={this.props.fieldId} className="field-caption">{this.props.caption}</label>React itself seems to treat for specially, similarly to its handling of class (where it wants className), so the definitely typed declarations aren't the cause of this issue.
Ответ в основном верен, но я бы уточнил, что "htmlFor" и "className" относятся к JavaScript, а не являются особенностью React. Например, создание похожей метки на обычном JavaScript могло бы выглядеть примерно так:
const captionNode = document.createElement('label');
captionNode.htmlFor = "field";
captionNode.innerText = "caption";
captionNode.className = "field-caption";Вероятно, именно поэтому JSX (TSX) тоже использует "className" и "htmlFor" (JSX по сути представляет собой сокращённый синтаксис для прямого присваивания этих свойств Javascript).
That answer is largely right, although I'd clarify that "htmlFor" and "className" belong to JavaScript rather than being specific to React. For example, creating that kind of label with plain JavaScript could look something like this:
const captionNode = document.createElement('label');
captionNode.htmlFor = "field";
captionNode.innerText = "caption";
captionNode.className = "field-caption";That's probably exactly why JSX (TSX) uses "className" and "htmlFor" as well (JSX is basically syntactic shorthand for assigning each of those Javascript propeties directly yourself).
Я отправляю сообщения через Java Mail API. После доставки во входящих отображается адрес отправителя. Хочу показывать вместо…
Мой код CRM выполняется в веб-ресурсе, поэтому для получения данных сущности приходится писать чтобы обратиться к этим данным…
Я хочу отправлять заголовок Date. Требуемый формат выглядит следующим образом: Вот мой текущий вариант кода:
