Javascript 将redux存储连接到列表

我正在尝试将我的商店连接到后端，但当我在商店上进行更改时，todoList组件上没有任何更改，就像redux的基本连接选项不起作用一样。我不知道哪里有问题，我安慰日志无处不在，我相信问题是在连接，但我不明白为什么。 这是商店

异步函数makeGetRequest（）{ 让res=等待axios.get（“http://localhost:5000/urls/todos"); let data=等待res.data； initialState.todos=数据； console.log（initialState.todos）； } 让initialState={ 待办事项：[ { 待办事项编号：“2345235-2345345-345345”， 内容：“经理”， 启用：false， }, { 待办事项编号：“2345235-2345345-345”， 内容：“多米尔”， 启用：false， }, { 待办事项编号：“2345235-23645-345”， 内容：“博伊尔”， 启用：false， }, ], }; console.log（initialState.todos）； makeGetRequest（）； const rootReducer=（state=initialState，action）=>{ 返回状态； };

---

导出默认rootReducer您需要在组件安装阶段发出http请求：

const todoList = ({ todos, dispatch }) => {

  React.useEffect(() => {
    let res = await axios.get("http://localhost:5000/urls/todos");
    let data = await res.data;
    dispatch({type: 'INIT_DATA', payload: data});
  }, []);

  return (
    <div>
      <ListGroup>
        {todos.map((todo) => {
          return (
            <div key={todo.todo_id} className="">
              <ListGroupItem
                className="mt-1 mx-5 text-center rounded-pill inline"
                color="success"
              >
                <h5 className=""> {todo.content}</h5>
                <button type="button" className="  btn btn-dark rounded-pill ">
                  Dark
                </button>
              </ListGroupItem>
            </div>
          );
        })}
      </ListGroup>
    </div>
  );
};

这是做你想做的事的捷径， 但建议使用

action.type

作为常量变量，而不是硬编码字符串。

您还应该制作一个操作文件，将您对应用程序中的待办事项列表所做的操作（如添加项目、删除项目等）发送到应用商店

---

看看这个：

where.where是您在商店中更改的部分吗？您需要在组件安装阶段发出http请求