无法使用'useStoreState‘轻松访问状态

Question

最近，我决定学习状态管理，并学习基本教程，但我似乎无法访问这个状态。以下是App组件:-

import model from './model';   
import Todo from './components/Todo.tsx';  
import { StoreProvider, createStore } from 'easy-peasy';

const store = createStore(model);  
function App() { 
  return (
    <StoreProvider store={store}>
    <div className="App">
      <Todo />
      </div>
    </StoreProvider>
 );
}

export default App;

这是模型文件'model.js‘

export default {
    todos: [
        {
            id: 1
        },
        {
            id: 2
        },
        {
            id: 3
        }
    ]
};

这是Todo的文件：-

import React from 'react';
import {useStoreState } from 'easy-peasy';

const Todo = () => {
   //The line below does not work for me, when i do 'state.todos' i get an error that todos does not exist on type 
    const todos = useStoreState(state=>state.todos);
    
    return (
        <div>
            
      </div>  
    );
}

export default Todo;

Answer 1

尝试删除.todos以便

const todos = useStoreState(state=>state.todos);

变成：

const todos = useStoreState(state=>state);