为什么在大多数通量示例中,在React组件之外定义了getState()函数

时间:2016-12-04 00:27:54

标签: reactjs design-patterns flux

我大多只是好奇这种模式的重要性是什么。几乎在我看过使用flux体系结构的每个例子中,getAppState()函数都定义在react类定义的正上方。为什么?为什么它不是组件的功能?

为什么会这样:

import React from 'react';

getAppState = () => {
  return {
    something: SomeStore.getState()
  }
}

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = getAppState();
  }
}

比这更好:

import React from 'react';

class App extends React.Component {
  constructor(props) {
    super(props);

    this.state = this.getAppState();
  }

  getAppState() {
    return {
      something: SomeStore.getState()
    }
  }
}

如果我想将this.props中的参数传递到getAppState()函数,该怎么办?

0 个答案:

没有答案