为什么不将redux存储状态存储在本地组件状态中呢?

我之前问过一个关于react组件状态与Redux状态一起工作的问题。下面的第一个代码链是我解决这个问题的原始建议，第二个是我得到的答案，建议我不要复制redux状态。这是因为复制速度太慢吗?在本地状态下存储尽可能少的数据会更快然后由JS负责排序吗?

在一个相关的注意事项上，第二段代码链要求我总是使用返回对象的函数，这感觉很奇怪。这是唯一的出路吗?我知道，在React.createClass中，你可以存储变量来保存对象等，但与es6的扩展组件版本，似乎你必须使用函数。有办法解决这个问题吗，还是事情就是这样?

const Table = React.createClass({
  getInitialState () {
    return {contacts: []}
  },
  componentWillReceiveProps () {
    this.setState({ contacts: this.props.data.contacts})
  },
  sortContacts (parameter, e){
    ...
  },
  render () {
    return (
      <table>
        <thead>
          <tr>
            <th onClick={this.sortContacts.bind(this, "firstName")}>First Name</th>
          </tr>
        </thead>
        <tbody>
          {contactRows}
        </tbody>
      </table>
    )
  }
})

vs。

const Table extends React.Component {
  constructor(props) {
    super(props);
    this.state = {
      sortBy: 'id' // default sort param
    }
  }
  sortContacts(param) {
    this.setState({ sortBy: param})
  }
  sortedContacts() {
    return this.props.contacts.sort(...); // return sorted collection
  }
  render() {
    return (
      <table>
        <thead>
          <tr>
            <th onClick={() => this.sortContacts("firstName")}>First Name</th>
          </tr>
        </thead>
        <tbody>
          {this.sortedContacts()}
        </tbody>
      </table>
    )
  }
}