我正在使用React Bootstrap下拉菜单,参考链接为https://react-bootstrap.github.io/components.html#btn-dropdowns。通过使用
我不知道菜单项的宽度。因此,我需要在运行时计算并有条件地对下拉菜单项进行对齐(将
我的问题是,是否需要在点击时计算高度并重新渲染整个
pullRight
和pullLeft
属性,我们可以对菜单的位置进行调整。我不知道菜单项的宽度。因此,我需要在运行时计算并有条件地对下拉菜单项进行对齐(将
pullLeft
/pullRight
作为props传递给DropdownButton
组件)。当下拉菜单加载时,子菜单项(MenuItem
)不可见,只有在点击按钮时才会显示高度。我的问题是,是否需要在点击时计算高度并重新渲染整个
DropdownButton
组件?有没有更好的方法来传递DropdownButton
组件的props而不必重新渲染? <DropdownButton
buttonClassName={buttonAttrs.className}
pullLeft
onClick={this.callToggle}
bsStyle={(metadata.displayStyle === 'button' ? 'button' : 'link' )}
noCaret
title={title}
key={"0"}
id={"test"}
>
{this.renderChildren().map((child, index) => {
return (<MenuItem eventKey={index}>{child}</MenuItem>)
})}
</DropdownButton> : <button {...buttonAttrs} ref="button">
pullLeft
。它只是pullRight={true|false}
。 - kavun