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(){
返回(
)
}
}
这里有几个问题:
Array(cellCount).fill().map((i。。。
到
这里有几个问题:
Array(cellCount).fill().map((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)=>{
})}
您必须提供一个键值
{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>
})}