小编use*_*819的帖子

我正在使用react bootstrap下拉菜单https://react-bootstrap.github.io/components.html#btn-dropdowns.pullRight并pullLeft允许我们对齐菜单的位置.

我最初不知道菜单项的宽度.我需要计算运行时间并有条件地对齐下拉项目(传递道具pullLeft/ pullRight到DropdownButton).MenuItem下拉加载时,children()无可见,仅在按钮点击时我得到高度.

我的问题是,我是否需要计算点击高度并重新渲染整个DropdownButton组件？有没有更好的方法将prop传递给DropdownButton组件而不重新渲染？

      <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">