Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/solr/3.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Reactjs TypeError:store.Subscribe不是函数——此错误发生在开发简单react redux应用程序时_Reactjs_Redux_React Redux - Fatal编程技术网

Reactjs TypeError:store.Subscribe不是函数——此错误发生在开发简单react redux应用程序时

Reactjs TypeError:store.Subscribe不是函数——此错误发生在开发简单react redux应用程序时,reactjs,redux,react-redux,Reactjs,Redux,React Redux,我在react中使用redux开发了一个简单的计数器应用程序,只是为了熟悉redux。每次运行应用程序时都会显示此错误消息 下面是我编写代码的index.js文件。它处于初始阶段,错误显示出来 import React,{Component} from 'react'; import ReactDOM from 'react-dom'; import './index.css'; import App from './App'; import * as serviceWorker fro

我在react中使用redux开发了一个简单的计数器应用程序,只是为了熟悉redux。每次运行应用程序时都会显示此错误消息

下面是我编写代码的index.js文件。它处于初始阶段,错误显示出来

import React,{Component} from 'react';
import ReactDOM from 'react-dom';    
import './index.css';
import App from './App';
import * as serviceWorker from './serviceWorker';
import { createStore } from 'redux';



// **************************************

// STORE - GLOBALIZED STATE 


// **************************************
// ACTION - DESCRIBES WHAT YOU WANT TO DO --> IN THIS case INCREMENT 

const increment = () => {
  return {
    type: 'INCREMENT'
    //or name: 'INCREMENT', type is the name given    
  };
};

const decrement = () => {
  return {
    type: 'DECREMENT'
    //or name: 'DECREMENT', type is the name given    
  };
};

// **************************************
// REDUCER - DESCRIBES HOW THE ACTIONS TRANSFORM THE STATE INTO THE NEXT STATE, 
// THAT IS IT MODIFIES THE STORE DEPENDING ON THE ACTION

const counter = (state = 0, action) => {
  // state=0 describes the intial state 
  switch(action.type){
    case 'INCREMENT':
      return state + 1;
    
    case 'DECREMENT':
      return state-1;

    default:
      return state;
  }
}

let store = createStore(counter);

// Displaying it in the console

store.subsribe(() => console.log(store.getState()));

// **************************************
// DISPATCH - THIS IS WHERE WE CAN EXECURE THE ACTION, ie,  DISPATCH THE ACTION TO THE REDUCER

store.dispatch(increment());

ReactDOM.render(<App />,document.getElementById('root'));

// If you want your app to work offline and load faster, you can change
// unregister() to register() below. Note this comes with some pitfalls.

serviceWorker.unregister();
import React,{Component}来自'React';
从“react dom”导入react dom;
导入“./index.css”;
从“./App”导入应用程序;
将*作为serviceWorker从“/serviceWorker”导入;
从“redux”导入{createStore};
// **************************************
//存储全球化状态
// **************************************
//操作-描述在本例中-->要执行的操作
常量增量=()=>{
返回{
类型:“增量”
//或名称:“增量”,类型是给定的名称
};
};
常数减量=()=>{
返回{
类型:“减量”
//或名称:“减量”,类型是给定的名称
};
};
// **************************************
//REDUCER-描述操作如何将状态转换为下一个状态,
//也就是说,它根据操作修改存储
常量计数器=(状态=0,操作)=>{
//state=0描述初始状态
开关(动作类型){
案例“增量”:
返回状态+1;
“减量”一案:
返回状态-1;
违约:
返回状态;
}
}
let store=createStore(计数器);
//在控制台中显示它
store.subscribe(()=>console.log(store.getState());
// **************************************
//调度-这是我们可以执行操作的地方,即,将操作调度到减速机
store.dispatch(increment());
ReactDOM.render(,document.getElementById('root'));
//如果你想让你的应用程序离线工作并更快地加载,你可以更改
//取消注册()以在下面注册()。注意,这有一些陷阱。
serviceWorker.unregister();

可能应该是
商店。订阅
(注意拼写)非常感谢。这就解决了问题。