React-bootstrap - 在同一页面上处理多个模态

Question

我有一个像这样的渲染方法组件：

<ListGroup>
  {myarray.map(function(item, k) {
    return (
      <ListGroupItem
        key={item._id}
        bsStyle={item.status==='FAIL'?'danger':null}
        >
        Hello world
        &nbsp;
        <button onClick={showModal}>Open Modal</button> 
      </ListGroupItem>
    );
  })}
</ListGroup>

我想在点击按钮时显示模式打开模态。按钮会有很多列表项，但模态的内容会有所不同，从myArray动态填充。

我被困在这里，因为react-bootstrap模态需要show状态，我不知道如何处理同一页面上的多个模态。