Why can checkbox not fire (does not change state) in React?

Question

React

The layout block was rewritten into a component. In layout, the checkbox works, in jsx it doesn't.

<input id="bet-prepay" name="prepay" type="checkbox" />
<label for="bet-prepay">Предоплата</label>

Those. it doesn't change visually.
What could be the reason?

Answer 1

An attribute foron an element labelin JSX must be written as htmlFor. Here is a list of all tags and attributes in JSX: https://facebook.github.io/react/docs/tags-and-att...