React-js ignores label's 'for' attribute

You must use htmlFor attribute instead

<label htmlFor="recipient-name" className="control-label">Recipient:</label>

for is a keyword in javascript so in JSX you can't use it. You must use htmlFor which is translated into for attribute once it is rendered to the DOM.