react-bootstrap — пользовательский класс контейнера для панели навигации?

Я разрабатываю проект с использованием react-bootstrap и замечаю, что компонент Navbar вставляет содержимое панели навигации в container div, и мне было интересно, есть ли способ переопределить это и задать собственный класс?

Я вижу, что вы можете добавить пользовательский элемент с атрибутом componentClass, но если я добавлю его, я потеряю весь стиль nav. componentClass="nav custom-class" выдает ошибку.


reactjs css twitter-bootstrap react-bootstrap
person oldo.nicho    schedule 16.01.2017    source источник
comment
Я столкнулся с той же проблемой, вы нашли элегантное решение?   -  person Sagiv b.g    schedule 13.03.2017
comment
К сожалению, я сейчас не могу вспомнить причину, по которой я изначально задал этот вопрос! Я не думаю, что я решил это и, возможно, просто жил с ограничением на данный момент.   -  person oldo.nicho    schedule 13.03.2017

Ответы (2)


arrow_upward
0
arrow_downward

Попробуйте вместо этого использовать атрибут bsClass, например bsClass='nav custom-class'. См. ссылку здесь.

person Héctor    schedule 16.01.2017
comment
Спасибо за предложение, но, к сожалению, это просто добавляет классы nav custom-class к компоненту nav. Я хочу, чтобы компонент nav оставался таким, какой он есть, но его непосредственным дочерним элементом: <div class="container"> должен быть <div class="custom-class">. - person oldo.nicho; 16.01.2017
comment
Если это так, единственный способ, который я могу придумать, - это сохранить ссылку на компонент navbar при рендеринге, а затем добавить дополнительный класс в метод 'componentDidMount'. - person Héctor; 16.01.2017
comment
Хорошо, я сохраню это как последнее средство и надеюсь, что кто-то предложит другое решение. Спасибо за предложение :-) - person oldo.nicho; 16.01.2017

arrow_upward
0
arrow_downward

Самый простой способ - переопределить css, например:

.navbar > .container {
    /* your stuff */
}
person Ferus    schedule 27.07.2018