Привязка контекста JavaScript?

Question

[Григорий Дикий]

Добрый день. Подскажите пожалуйста как можно привязать контекст к taskListStorage.find ?

import React from 'react';
import taskListStorage from '../data.js';

export default class TaskList extends React.Component{
  constructor(props) {
    super(props);

    this.state = {
      taskList: []
    }
  }

  getTaskListTemplate() {
    taskListStorage.find({}, (err, task) => {
        this.setState({taskList: this.state.taskList.push(task)});
    });
  }

  render() {
    this.getTaskListTemplate();
    return (
      <div>
        <h1>Task List</h1>
        <ul>
        </ul>
      </div>
    );
  }
}

Answer 1

[sugadu]

getTaskListTemplate() {
var self = this;
    taskListStorage.find({}, (err, task) => {
        self.setState({taskList: self.state.taskList.push(task)});
    });
  }

Comments

[Григорий Дикий]

Я перенес функцию из рендера в конструктор и он не работает, а когда в рендере наботает, но происходит зацикливания по понятным причинам, не подскажите как исправить ?

[Алексей Уколов]

Это же стрелочная функция, какой смысл в self?

[Григорий Дикий]

Алексей Уколов: Да работает и так, только мне нужно инициализировать state в конструкторе, я дописываю вызов после this.state = {} и не работыет, а если в рендере, то все хорошо. В чем может быть причина?

[Илья]

Григорий Дикий: https://facebook.github.io/react/docs/component-sp...