Как менять текст чекбокса при клике?

Question

[BtchBetterHaveMyMoney]

https://codepen.io/loozmax/pen/ExVRaew?editors=0010

Почему-то не работает. Пробовал так же с label, но он меняет текст только при клике на него.
Помогите, пожалуйста! Я совсем новичок

Answer 1

[shsv382]

У чекбокса нет своего текста, оберни input в label и вставляй в него текст

<label><input onClick={this.changeTitle} type='checkbox' value={!this.state.clicked ? 'lf' : 'ytn'} />{!this.state.clicked ? 'lf' : 'ytn'} </label>

Comments

[BtchBetterHaveMyMoney]

Спасибо
а можно вопрос -- зачем в value={!this.state.clicked ? 'lf' : 'ytn'}?

[shsv382]

BtchBetterHaveMyMoney, осталось от вашего кода. На самом деле value может быть каким вам нужно

Answer 2

[Андрей Пастухов]

У чекбокса нет текста, есть только value значение

render() {
        return(
          <div>  
            <input onClick={this.changeTitle} type='checkbox' value={this.state.clicked} />
            {!this.state.clicked ? 'lf' : 'ytn'}
          </div>
        )
    }

Comments

[shsv382]

одновременно ответили)))
правильнее оборачивать в label, чтобы текст был кликабельным

[Андрей Пастухов]

Вообще разные ситуации бывают. Но в основном да, лучше обернуть в label