How to change checkbox text on click?

Question

React

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

For some reason it doesn't work. Tried the same with the label, but it only changes the text when you click on it.
Help me please! I'm quite new

Answer 1

The checkbox does not have its own text, wrap the input in a label and insert text into it

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