Может ли компонент `App` иметь свое состояние в конструкторе и одновременно извлекать данные из` store` в избыточном виде?

Question

Может ли компонент App иметь свое состояние в конструкторе и одновременно извлекать данные из store в редукте? Я спрашиваю, потому что, если я удаляю connect и mapStateToProps, this.state.tasks.filter работает нормально. И когда я добавляю connect и mapStateToProps, у меня ошибка filter не работает.

class App extends Component {
  constructor() {
    super();

    this.state = {
        tasks: []
    }
  }

  render() {
    const filterTasks = this.state.tasks.filter........

    return (
      <ul>

      </ul>
    );
  }
}

const mapStateToProps = state => {
  const {todos} = state;

  return {
    todos
  };
};

export default connect(
  mapStateToProps
)(App);

Answer 1

Да, функции mapStateToProps дают значение из redux хранить как реквизиты для компонента App

внутри App, вы можете получить избыточность state в this.props.todos