Как предотвратить стрельбу по onChange после нажатия на ярлык?

Question

Мне нужно изменить состояние флажка, только щелкнув компонент ввода (флажок).

Подскажите, пожалуйста, как предотвратить изменение ввода при нажатии ярлыка?

<label className="selection_label">{title}<input value={value} checked={state[value]} type="checkbox" onChange={this.onCheckboxChange(value)} /> <span /></label>

Answer 1

Закройте метку перед вводом, например:

<label className="selection_label">{title}</label> // <---

<input value={value} checked={state[value]} type="checkbox" onChange={this.onCheckboxChange(value)} /> 

И ваш тег span находится в неправильном месте, либо удалите его, либо переместите в правильное положение.