1

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 ответа 2

2

Потому что в render нельзя вызывать setState.

10
  • получается можно только так componentWillMount() { this.setState({date:'2'}); } ?
    – recile
    Commented 3 июн. 2019 в 12:28
  • или как можно с переданной функцией?
    – recile
    Commented 3 июн. 2019 в 12:30
  • 1
    лучше Did, чем Will.
    – Qwertiy
    Commented 3 июн. 2019 в 12:30
  • а почему так не работает? 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> ) } }
    – recile
    Commented 3 июн. 2019 в 12:33
  • 1
    1. потому что this. 2. всё равно не заработает.
    – Qwertiy
    Commented 3 июн. 2019 в 12:37
1

Потому что как я понял вот мой пример

Мой вопрос

Экспериментировав я пришёл к тому что setState мало того что обновляет метод render так она ещё даёт команду react изменять свойства в разделе return. Без вызова этого метода можно добиться чтобы метод render обновлялся, а значит проверялось изменение некоторых свойств, но хоть они и поменяли состояние изменение не вносятся именно в раздел return.

Ваш же случай как я понимаю, ошибка заключается в том что работает отрабатывает render потом встречается setState которая обновляет снова render и так по кругу. Бесконечный цикл. Вот и ошибка

Ваш ответ

Нажимая «Отправить ответ», вы соглашаетесь с условиями пользования и подтверждаете, что прочитали политику конфиденциальности.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.