0

是的，我知道setState()更新商店的状态并向所有订阅者发出更改事件，但我发现并非每个人都使用它并在更新状态时忽略它。

例如在下面的alt-todo repo中，他们不使用setState()：

class TodoStore {
    constructor() {
        this.bindActions(TodoActions);

        this.todos = {};
    }

    onCreate(text) {
        text = text.trim()
        if (text === '') {
            return false
        }
        // hand waving of course.
        const id = (+new Date() + Math.floor(Math.random() * 999999)).toString(36)
        this.todos[id] = {
            id: id,
            complete: false,
            text: text
        }
    }
}

但是在官方 alt.js 存储库中，他们使用它：

class LocationStore {
    constructor() {
        this.bindAction(locationActions.updateLocation, this.onUpdateLocation);

      this.state = {
        city: 'Denver',
        country: 'US'
      };
    }

    onUpdateLocation(obj) {
        const { city, country } = obj
        this.setState({ city, country });
    }
}

所以我想知道这两种方式有什么区别？

4

1 回答 1

3

真的没有：

Alt 在内部使用 setState 来设置状态。您可以覆盖它以提供您自己的 setState 实现。在内部，setState 是 Object.assign 的别名。setState 必须返回一个对象。

http://alt.js.org/docs/createStore/#setstate

一个例子：假设你的状态是：

{
  city: 'Denver',
  country: 'US',
}

更新状态的两种方式：

this.setState({city: 'Colorado Springs'})
console.log(this.state) // {city: 'Colorado Springs', country: 'US' })

this.state = { city: 'Elbert' }
console.log(this.state) // state is {city: 'Elbert'}

如您所见，this.state =覆盖状态，同时this.setState()将新状态合并到旧状态。参见Object.assign()

于 2016-12-07T14:47:36.757 回答