Css 顶部的ReactJS引导模式

我有一个带有一些表格的模态，点击一行将打开另一个模态，我希望它位于顶部，但“模态体”似乎显示了第一个模态的一些信息

任何帮助都会很好！谢谢

我可以从下面的模式中滚动表格

Modal.js

从“React”导入React；
从“道具类型”导入道具类型；
类Modal扩展了React.Component{
render（）{
//如果“show”道具为false，则不渲染任何内容
如果（！this.props.show）{
返回null；
}
//灰色背景
常量backdropStyle={
位置：'固定'，
排名：0，
底部：0，
左:0,，
右:0,，
背景颜色：“rgba（0,0,0,0.3）”，
填充：50
};
//模态“窗口”
常数modalStyle={
背景颜色：“#fff”，
边界半径：5，
最大宽度：1500，
身高：800，
边距：“0自动”，
填充：10
};    
返回(
{this.props.titulo}
&时代；
{this.props.children}
接近
);
}
}
Modal.propTypes={
onClose:PropTypes.func.isRequired，
show:PropTypes.bool，
子项：PropTypes.node
};
导出默认模式我是如何修复的

我制作了另一个模态（Modal2.js）。上面的模态是.z3，下面的模态是.z1！
.z1{
z指数：1000；
}
.z3{
z指数：1200；
}