Etikett "für" wird nicht im Frontend angezeigt

Question

Ich versuche, für in Label, aber die Reaktion Motor ignoriert es. (Ich mache es wahrscheinlich falsch)

Kann mir jemand mit der richtigen Syntax für die Verwendung von "für" in Label für JSX helfen.

Hier ist mein Code-Schnipsel

<form role="form"> 
    <div className="checkbox checkbox-primary"> 
      <input type="checkbox" className="styled" id="checkbox1" name="foambox" ref="foambox" /> 
      <label for="checkbox1"><span style={{margin:10,cursor:'default'}}>For this delivery, would you like us to take back the foam box </label> 
    </div> 
</form> 

Was ist der richtige Weg, es zu spezifizieren?

Answer 1

htmlFor ist die richtige Syntax, wie Sie in React Documentation

Alle Attribute sind Kamel verrohrten und die Attribute der Klasse und für sind Klassenname und htmlFor sehen können, bzw. die DOM-API-Spezifikation entsprechen.