Как работать со Style в React.js версии 0.14?

Question

[Михаил Маланюк]

Добрый день. Суть проблемы:
С переходом на версию 0.14 появляется ворнинг:

Warning: `div` was passed a style object that has previously been mutated. Mutating `style` is deprecated. Consider cloning it beforehand.

Вот и не могу понять, что нужно делать. И официальный сайт смотрел, и гуглил... Ответа не увидел.
Кто подскажет, как динамически менять стили?!

Update:
Пример кода

render(){
   var handler_a_style = {
			cursor: "pointer",
			left: this.state.first_value
		};

		var handler_b_style = {
			cursor: "pointer",
			left: this.state.second_value
		};
   return (
			<div className="rangefield" ref="line">				
				<span className="rangefield__handler left" style={handler_a_style} ref="span_a"></span>
				<span className="rangefield__handler right" style={handler_b_style} ref="span_b"></span>
			</div>
		);

Comments

[Андрей Антропов]

пример кода можно увидеть? Смогу подсказать как модифицировать

[Михаил Маланюк]

Андрей Антропов: Добавил в вопрос пример кода.

[Андрей Антропов]

Михаил Маланюк: Это точный пример? Потому что тут я не вижу проблемы указанной в ошибке

[Михаил Маланюк]

Андрей Антропов: Если прям точный, то как-то так: pastebin.com/4sg0PGxS

Answer 1

[Андрей Антропов]

Вероятнее всего ругается на вот этот кусок

var range_style = {
                        left : start,
                        width : end-start
                };

В случае получения null NaN

Comments

[Михаил Маланюк]

БОЛЬШОЕ Спасибо. Помогло. Использовал значения props, которые не всегда передавались, получая при этом NaN.
А то я уже испугался, что теперь нельзя анимировать значения стилей 0_0

Answer 2

[Никита Гущин]

Вы мутируете объект со стилями - не надо так. Если нужно изменить стили - создавайте новый объект и передавайте его

Comments

[Михаил Маланюк]

Это каждый div и каждый span, у которых я менял стиль, выделять в отдельный react-компонент? Они у меня были просто html-элементами в разметке.