Как изменить стили у конкретного дочернего элемента React?

Question

[Даниил Чистяков]

Как по клику изменить стили у конкретного дочернего элемента, по которому был произведён клик?
Вот мой код:

<div>
{arr.map((res, key) => (
<span key={key} onClick('что здесь писать?') className={'elem'}>{res + 1} элемент</span>
))}
</div>

Answer 1

[eugene none]

handleClick=(e)=>{
e.preventDefault();
e.target.style.color = 'black'
console.log(e.target);
}

Comments

[Даниил Чистяков]

А как тогда затем снимать выделение, если выбран другой элемент из списка?

[ReactLover]

Даниил Чистяков, Так ты бы описал задачу подробнее, мы же мысли не читаем. Храни id/index активного элемента, а потом просто его меняй. Типа того

[Даниил Чистяков]

ReactLover, спасибо большое, сам сначала забыл, что нужно "отжимать" кнопку :)

[ReactLover]

Даниил Чистяков, Не за что :)