Реагировать с помощью Bootstrap ClassName

Question

Я не могу заставить коммутатор работать с помощью начальной загрузки 4.3. Я думаю, что у меня возникла проблема с использованием начальной загрузки className, потому что если я сделаю это без него, все будет иначе и работает нормально.

Я попытался установить метку, как мы делаем в html, с идентификаторами и пометить ее на метке, но, похоже, она тоже не работает.

class Privacidad extends Component {
    state = {
        isChecked: true
    }
    toggleChange = () => {
        this.setState({
            isChecked: !this.state.isChecked,
        });
    }

     <label>
       <input type="checkbox" className="custom-control-input"
                              checked={this.state.isChecked}
                              onChange={this.toggleChange}
                                />
         Si, deseo que otros usuarios me contacten
      </label>

    </div>

Answer 1

React использует className вместо class для присвоения классов тегам.

<input type="checkbox" className="custom-control-input"
                       checked={this.state.isChecked}
                       onChange={this.toggleChange}
/>

Answer 2

При использовании input для checkbox вы должны использовать это,

<input type="checkbox" 
    className="custom-control-input"
    value={this.state.isChecked} //instead of checked attribute use value attribute
    onChange={this.toggleChange}
 />

Демо

Answer 3

зависит ли это от работы класса "custom-control-input"? Потому что, если это так, скорее всего, это не работает, потому что вы использовали атрибут "class" вместо атрибута "className". React требует от вас использовать className, поскольку class является зарезервированным словом.