javascript - 如何为 Array.map 中的特定实体应用样式属性？

Question

const imageHtml = imageDescription.map((article, index) => {
            return (
                <div style={{ backgroundImage: "url(/images/Large/" + article.imagePath + ".jpg)" }}>

                </div>
            )
        })

我正在做一个 slider 的事情，但我遇到了一个问题，如何为特定文章应用左侧属性？例如仅对索引 1 应用 left = 20px？

Answer 1

您可以为其余部分指定 left=0:

<div style={{backgroundImage: ..., left: (index === 1 ? 20 : 0)}} />

或者，如果您不想包含它:

<div style={Object.assign({backgroundImage: ...}, (index === 1 ? {left: 20} : {}))} />