将自定义className添加到<navitem>

时间:2017-01-08 00:31:05

标签: reactjs react-bootstrap

我正在使用SDIAppForm->Chart4->Series[4]->SetFunction(new TAddTeeFunction(SDIAppForm->Chart4)); 并希望在代码上添加自定义的className。我跟随此链接:https://react-bootstrap.github.io/components.html,但它没有提供添加其他classNames的属性。以下是可用于此标记的所有属性。有没有办法实现这个目标?

enter image description here

1 个答案:

答案 0 :(得分:0)

并非所有属性都列在那里,您应该可以直接在className上使用<NavItem>

如果您查看NavItem.js的{​​{1}}源代码(的摘要),它看起来像这样:

react-bootstrap

如您所见,它会创建一个包含道具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) })) ); <li>role的新style元素。 classNamedisabled道具会传递到onClick标记,该标记是上述<a>元素的子标记。

所以只需使用:

<li>

这将呈现:

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