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
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.
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).
Im sending messages through the Java Mail API. On arrival, the inbox displays the address that sent the message. Id like some…
Because my CRM code runs in a webresource, I have to write to retrieve the entity's data. Regrettably, that expression fails…
I want to send a Date header. The required format looks like this: This is my current attempt:
