Size: a a a

React: русскоязычное сообщество

2020 June 07

MM

Maxim Mikryukov in React: русскоязычное сообщество
галочка не проставляется
источник

А

Алексей in React: русскоязычное сообщество
Maxim Mikryukov
галочка не проставляется
Который с классом check?
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Да. Ну вообще он там один
источник

А

Алексей in React: русскоязычное сообщество
this.handleClickShow = this.handleClickShow.bind(this);
this.changeTitle = this.changeTitle.bind(this);

у тебя эти методы и так стрелочные, не обязательно еще раз биндить контекст ( он и не сработает )
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
ок, убрал
источник

А

Алексей in React: русскоязычное сообщество
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу checked, попробуй так
<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />
источник

А

Алексей in React: русскоязычное сообщество
htmlFor работает кстати на id, а не на класс...
источник

А

Алексей in React: русскоязычное сообщество
( поэтому label не кликабельный )
источник

1

1N54N3 in React: русскоязычное сообщество
Алексей
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу checked, попробуй так
<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />
а поч
onClick={this.changeTitle}
а не
onClick={() => this.changeTitle}
так?
источник

А

Алексей in React: русскоязычное сообщество
1N54N3
а поч
onClick={this.changeTitle}
а не
onClick={() => this.changeTitle}
так?
во втором случае ничего не будет, ты же не вызываешь функцию
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Алексей
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу checked, попробуй так
<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />
это не помогло, к сожалению :с
источник

1

1N54N3 in React: русскоязычное сообщество
Maxim Mikryukov
это не помогло, к сожалению :с
<div className="form_radio_btn">
                   <input id="radio-7" data-color="#FF6464" type="radio" name="radio"/>
                   <label htmlFor="radio-7"></label>
               </div>
у меня так сделано
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
У меня в песочнице все по отдельности ок. Конкретно в моем коде проблемы какие-то, не могу найти ничего...
источник

1

1N54N3 in React: русскоязычное сообщество
Тут нубы сидят, вряд-ли кто то поможет и будет код смотреть
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Алексей
возможно проблема в том ( но это не точно ), что ты делаешь инпут контролируемым ( вешаешь onClick ), но при этом не проставляешь элементу checked, попробуй так
<input onClick={this.changeTitle} className='check' type='checkbox' checked={this.state.clicked} />
если сделать checked={!this.state.clicked} то галочка есть. Но она не убирается
источник

А

Алексей in React: русскоязычное сообщество
Maxim Mikryukov
если сделать checked={!this.state.clicked} то галочка есть. Но она не убирается
почему ты поставил !this.state.clicked?
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Нет, просто попробовал. Как вы написали — тоже не работает у меня
источник

А

Алексей in React: русскоязычное сообщество
попробуй переписать на onChange для начала - так семантически правильнее
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Просто проблема  в том, что даже пустой чекбокс без текста при клике оказывается без галочки.
источник

MM

Maxim Mikryukov in React: русскоязычное сообщество
Ну я попробую, ладно..
источник