只有在设置为零时才会生成zindex样式

Question

我需要根据状态变量为我的组件设置动态z-index。 但只有当zindex设置为0 时它才有效。

我的数组是下面的

{this.state.images.map((im,index) =>
                                    <div className="img-block" style={{'z-index':im[4]}}  draggable="true" onDragStart={this.drag.bind(this,im[3],index)} onDrop={this.drop.bind(this,im[3],index)} onDragOver={this.allowDrop}>
)}

jsx snippet

<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true"> //not rendered 10
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" style="z-index: 0;">
<div class="img-block" draggable="true" > //not rendered 10
<div class="img-block" draggable="true" > //not rendered 10

呈现HTML输出

css/agency.css

请让我知道我错过了什么

Answer 1

我尝试running your code in jsFiddle并收到错误

将ID重命名为 ID Hour Metric 1 A 0 3 2 A 2 4 3 A 5 1 4 A 6 6 5 A 9 7 10 C 0 1 11 C 2 1 后，所有元素都已分配了一个。