Почему не обновляется React компонент?

Question

[antpv]

Обновляю стейт

this.state = {
			checked: this.props.checked //{1: true, 2: false, 3: false}
		}

Обработчиком:

handleButton = () => {
		let newstate = {1: false, 2: false, 3: false};

		this.setState({
			checked: newstate
		})
	}
}

Грубый пример для наглядности, вопрос только в том почему не обновляется компонент.
React не сравнивает значение объектов в стейте? Ссылка на объект вроде как тоже другая. Не пойму

Comments

[d-virt]

Пожалуйста, заранее в теме письма пишите, что для ответа на вопрос, ответчик должен владеть навыками экстрасенсорики и предугадать, как у Вас реализован данный компонент.

Answer 1

[Ivan Sharapenkov]

Сравнение идет только по ссылкам, поверхностно. Вы уверены, что кнопка срабатывает? Или попробуйте обычный бинд использовать. Вариантов может быть много.

upd.
https://github.com/facebook/react/issues/4618
Тут написано, что defaultValue и defaultChecked задается только один раз при инициализации компонента.

Comments

[antpv]

Да, объект checked в state тоже меняется, однако реакт не перерисовывает компонент. Вот метод рендер:

render() {
		return (
			<div>
				<label>
					<input type="checkbox" value="1" defaultChecked={this.state.checked[1]}/>
					first
				</label>
				<br />
				<label>
					<input type="checkbox" value="2" defaultChecked={this.state.checked[2]}/>
					two
				</label>
				<br />
				<label>
					<input type="checkbox" value="3" defaultChecked={this.state.checked[3]}/>
					tree
				</label>
				<br />
				<button onClick={this.handleButton}>
					reverse
				</button>
			</div>
		)
	}

[Ivan Sharapenkov]

Я не уверен, что js правильно обрабатывает такой способ обращения к свойствам объекта. Попробуйте использовать вместо 1 - "1" и т.д. Хотя по идее все должно работать.

[Ivan Sharapenkov]

antpv, https://github.com/facebook/react/issues/4618
Тут написано, что defaultValue и defaultChecked задается только один раз при инициализации компонента.

[antpv]

Какой есть вариант если я императивно по клике на кнопку хочу изменить selected?

[Ivan Sharapenkov]

antpv, непосредственно через dom, использовав ref. Только такое пришло в голову.