Как применить свойство стиля для конкретной сущности в Array.map?

Question

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

                </div>
            )
        })

Я делаю слайдер, но столкнулся с проблемой, как применить левое свойство для конкретной статьи? Например, применяя left = 20px только для индекса 1?

Answer 1

Вы можете либо оставить left = 0 для остальных:

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

или, если вы предпочитаете не включать его вообще:

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