reactjs - 无法使用 'useStoreState 在 react easy-peasy 中访问状态

Question

我最近决定使用 easy-peasy学习状态管理，并按照基本教程进行操作，但我似乎无法访问状态。这是应用程序组件：-

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;

标签： reactjsreduxreact-reduxstateeasy-peasy

Answer 1

尝试.todos删除

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

变成：

const todos = useStoreState(state=>state);