Почему реагирует на удаление имен моих классов?

Я изучаю Reactjs, и я представляю простую страницу с некоторыми компонентами. Один из этих компонентов:

class Header extends React.Component {
    render(){
        return  (
            <header>
                <div class="container">
                    <Logo />
                    <Navigation />
                </div>
            </header>
        );
    }
}

export default Header

Я использую bootstrap css Я хочу, чтобы div внутри заголовка использовал стили container, как никогда, после сборки, класс ушел.

Есть ли способ заставить класс атрибута в компонентах?

Ответ 1

Вы должны использовать атрибут className вместо class например:

class Header extends React.Component {
    render(){
        return  (
            <header>
                <div className="container">
                    <Logo />
                    <Navigation />
                </div>
            </header>
        );
    }
}

Проверьте Поддерживаемые атрибуты в документации.

Все атрибуты имеют верблюд, а атрибуты class и for соответствуют className и htmlFor соответственно, чтобы соответствовать спецификации DOM API.

Надеюсь, что это поможет.