class Clock extends React.Component {
constructor(props){
super(props);
this.state = {
date: 1
}
}
render(){
const abs = ()=>this.setState({date:'2'})
return (
<div>fffff {abs()}</div>
)
}
}
ReactDOM.render(
<Clock />,
document.getElementById('root')
);
2 ответа
Потому что в render нельзя вызывать setState.
-
получается можно только так componentWillMount() { this.setState({date:'2'}); } ?– recileCommented 3 июн. 2019 в 12:28
-
-
1
-
а почему так не работает? class Clock extends React.Component { constructor(props){ super(props); this.state = { date: 1 } } aff =() =>{ this.setState({date:'2'}) } render(){ return ( <div> <button onClick={()=>this.setState({date:'2'})}>1</button> fffff {aff}{this.state.date}</div> ) } }– recileCommented 3 июн. 2019 в 12:33
-
1
Потому что как я понял вот мой пример
Экспериментировав я пришёл к тому что setState мало того что обновляет метод render так она ещё даёт команду react изменять свойства в разделе return. Без вызова этого метода можно добиться чтобы метод render обновлялся, а значит проверялось изменение некоторых свойств, но хоть они и поменяли состояние изменение не вносятся именно в раздел return.
Ваш же случай как я понимаю, ошибка заключается в том что работает отрабатывает render потом встречается setState которая обновляет снова render и так по кругу. Бесконечный цикл. Вот и ошибка