사용자 정의 className을 <NavItem>에 추가

Question

나는 react-bootstrap을 사용하고 있으며 사용자 정의 className을 태그에 추가하려고합니다.이 링크 뒤에는 https://react-bootstrap.github.io/components.html이지만 추가 className을 추가하는 속성은 제공되지 않습니다. 다음은이 태그에 사용할 수있는 모든 속성입니다. 이것을 달성 할 수있는 방법이 있습니까?

Answer 1

는 모든 속성이 나열되어 아니, 당신은 직접 <NavItem>에 className을 사용할 수 있어야합니다. 당신이 볼 수 있듯이

return _react2['default'].createElement(
    'li', 
    { 
    role: 'presentation', 
    className: (0, _classnames2['default'])(className, { active: active, disabled: disabled }), 
    style: style 
    }, 
    _react2['default'].createElement(_SafeAnchor2['default'], (0, _extends3['default'])({}, props, { 
    disabled: disabled, 
    onClick: (0, _createChainedFunction2['default'])(onClick, this.handleClick) 
    })) 
); 

, 그것은 소품 role로 새로운 <li> 요소를 작성합니다 (스 니펫 (snippet)) react-bootstrap의 NavItem.js의 소스 코드를 살펴있는 경우

, 그것은 다음과 같습니다 , style 및 className. disabled 및 onClick 소품은 위의 <li> 요소의 하위 인 <a> 태그로 전달됩니다.

---

그래서 그냥 사용

<NavItem className="my-class" active={true}>Example</NavItem> 

이 렌더링됩니다

<li role="presentation" class="my-class active"> 
    <a role="button" href="#">Example</a> 
</li>