MM
галочка не проставляется
Size: a a a
2020 June 07
А
галочка не проставляется
Который с классом
check?MM
Да. Ну вообще он там один
А
this.handleClickShow = this.handleClickShow.bind(this);у тебя эти методы и так стрелочные, не обязательно еще раз биндить контекст ( он и не сработает )
this.changeTitle = this.changeTitle.bind(this);
MM
ок, убрал
А
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу
checked, попробуй так<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />А
htmlFor работает кстати на id, а не на класс...А
( поэтому label не кликабельный )
1
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу
checked, попробуй так<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />а поч
onClick={this.changeTitle}
а не onClick={() => this.changeTitle}
так?А
а поч
onClick={this.changeTitle}
а не onClick={() => this.changeTitle}
так?во втором случае ничего не будет, ты же не вызываешь функцию
MM
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу
checked, попробуй так<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />это не помогло, к сожалению :с
1
это не помогло, к сожалению :с
<div className="form_radio_btn">
<input id="radio-7" data-color="#FF6464" type="radio" name="radio"/>
<label htmlFor="radio-7"></label>
</div>
у меня так сделано
<input id="radio-7" data-color="#FF6464" type="radio" name="radio"/>
<label htmlFor="radio-7"></label>
</div>
у меня так сделано
MM
У меня в песочнице все по отдельности ок. Конкретно в моем коде проблемы какие-то, не могу найти ничего...
1
Тут нубы сидят, вряд-ли кто то поможет и будет код смотреть
MM
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу
checked, попробуй так<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />если сделать checked={!this.state.clicked} то галочка есть. Но она не убирается
А
если сделать checked={!this.state.clicked} то галочка есть. Но она не убирается
почему ты поставил
!this.state.clicked?MM
Нет, просто попробовал. Как вы написали — тоже не работает у меня
А
попробуй переписать на
onChange для начала - так семантически правильнееMM
Просто проблема в том, что даже пустой чекбокс без текста при клике оказывается без галочки.
MM
Ну я попробую, ладно..