JSX JavaScript组件调用另一个

简介-编程社区大家好，星期二快乐。：）请记住我是JavaScript、JSX、HTML和CSS方面的新手。：）

目标：让我试着解释我想做什么。我有两个组件，一个创建下拉列表（它是一个引导组件），如下所示--

我试过什么 我尝试过将CheckInButton组件附加到onClick事件-->

onClick=

我认为这是一个远大的目标

这是一个屏幕截图，可以提供更好的视觉效果。

checkInButton组件生成蓝色按钮，下拉列表组件将名称和图片放入列表中。其目标是使名称和图片可单击，而不是使用蓝色按钮，但保留该功能，以便在列表中单击图片/名称时记录数据。还有一些需要注意的事情。我们在办公室使用纯JavaScript和JSX混合。希望这能有所帮助

---

流程是什么？单击下拉菜单，然后单击“显示”按钮？或者单击按钮，然后更新下拉列表？对不起，我读了你的东西好几遍了，没能理解你想做什么。流程是什么？单击下拉菜单，然后单击“显示”按钮？或者单击按钮，然后更新下拉列表？对不起，我读了你的东西好几遍，没能理解你想做什么。

<DropdownButton title="People Check" id="bg-vertical-dropdown-1"></DropdownButton

<CheckInButton {...some_more_props} {...self.props}</CheckInButton>{display_picture}

return <div style={style} key={individual_id}>
   <DropdownButton title="People Check" id="bg-vertical-dropdown-1">
     <CheckInButton {...some_more_props} {...self.props}                        
     </CheckInButton>{display_picture}
  </DropdownButton>

return <button type='button' name='checked_out' className='btn btn-success'
     onClick={this.updateMember} disabled={this.props.readOnly}>
     <span className='glyphicon glyphicon-log-out'></span>
     {this.props.buttonLabel}
     </button>;

var DropdownButton = require('react-bootstrap').DropdownButton;