Javascript Array.fill().map()在react中不起作用

Javascript Array.fill().map()在react中不起作用,javascript,arrays,reactjs,dictionary,webpack,Javascript,Arrays,Reactjs,Dictionary,Webpack,我试图使用Array.fill().map()使react中的许多div元素无效。 在制作数组之前,它工作得很好。但是,现在什么都没有做。 任何答案都将感激不尽。下面是我的代码 类库扩展了PureComponent{ makeCarouselCell=()=>{ 常数cellCount=36 const degPerCell=360/cellCount const className=this.state.deg==degPerCell-10?'choice':'carousel_cell'

我试图使用
Array.fill().map()
使react中的许多
div
元素无效。
在制作
数组之前,它工作得很好。但是,现在什么都没有做。
任何答案都将感激不尽。下面是我的代码

类库扩展了PureComponent{ makeCarouselCell=()=>{ 常数cellCount=36 const degPerCell=360/cellCount const className=this.state.deg==degPerCell-10?'choice':'carousel_cell' 返回( {Array(cellCount).fill().map((i)=>{ })} ) } render(){ 返回( ) }
}
这里有几个问题:

  • 到{this.makeCarouselCell()}

  • 我总是使用未定义的索引

  • Array(cellCount).fill().map((i。。。
    

  • 返回语句丢失
  • 类库扩展了PureComponent{ makeCarouselCell=()=>{ 常数cellCount=36 const degPerCell=360/cellCount const className=this.state.deg==degPerCell-10?'choice':'carousel_cell' 返回( {Array(cellCount).fill().map((i,idx)=>{ 返回( ) })} ) } render(){ 返回( {this.makeCarouselCell()} ) } }
    这里有几个问题:

  • 到{this.makeCarouselCell()}

  • 我总是使用未定义的索引

  • Array(cellCount).fill().map((i。。。
    

  • 返回语句丢失
  • 类库扩展了PureComponent{ makeCarouselCell=()=>{ 常数cellCount=36 const degPerCell=360/cellCount const className=this.state.deg==degPerCell-10?'choice':'carousel_cell' 返回( {Array(cellCount).fill().map((i,idx)=>{ 返回( ) })} ) } render(){ 返回( {this.makeCarouselCell()} ) } }
    您必须提供一个

      {Array(cellCount).fill().map((item, i)=>{
                                <div
                                key={i}
                                style={{
                                    backgroundImage: `url('./MYBOX/_${item}.jpg')`,
                                }}
                                className={className}>
                                </div>
                            })}
    
    {Array(cellCount).fill().map((item,i)=>{
    })}
    
    您必须提供一个

      {Array(cellCount).fill().map((item, i)=>{
                                <div
                                key={i}
                                style={{
                                    backgroundImage: `url('./MYBOX/_${item}.jpg')`,
                                }}
                                className={className}>
                                </div>
                            })}
    
    {Array(cellCount).fill().map((item,i)=>{
    })}
    
    好吧,makeCarouselCell是一个函数……您将其用作组件?这是一个问题吗?那么为什么在我使用Array.fill().map()之前它可以工作?替换
    makeCarouselCell()
    替换不起作用:(同样的问题请参见P.S.你不能这样做。你需要在函数中创建一个数组,然后将它放入JSXwell makeCarouselCell是一个函数……你将它用作组件?这是一个问题吗?那么为什么在我使用array.fill().map()?替换
    makeCarouselCell()
    替换不起作用:(同样的问题,请看P.S.你不能这样做。你需要在函数中创建一个数组,然后将其放入JSXis image not rendering?中,我们必须使用第二个索引参数,其他我在这里一直未定义,你能试试上面的代码片段吗?如果你的图像名为SequentialyYou,这很好用。现在可以用了,可以用了,{this.makeCarouselCell()}这两个都是,非常感谢。图像不是正在渲染吗?我们必须使用第二个索引参数,其他我在这里一直未定义,你能试试上面的代码片段吗?如果你的图像名为Sequentially,它就可以工作了。它现在可以工作了,{this.makeCarouselCell()}我不认为地图是个问题,但是谢谢你帮助我。现在解决,请看我的更新。我不是说地图是个问题。我不认为地图是个问题,但是谢谢你帮助我。现在解决,请看我的更新。我不是说地图是个问题
      {Array(cellCount).fill().map((item, i)=>{
                                <div
                                key={i}
                                style={{
                                    backgroundImage: `url('./MYBOX/_${item}.jpg')`,
                                }}
                                className={className}>
                                </div>
                            })}