ReactJs：从 redux-store 获取数据

Question

I create the component, connect it to redux, initialized the state and created reducer.

Component:

import fetchReducer from './reducers/fetchReducer';
import initialState from './constants/initialState';

const store = createStore(fetchReducer, initialState, devToolsEnhancer());

class Table extends React.Component {
  // constructor

   getDataFromState = function () {
      let propsContent = this.props;
      let itemsStored = propsContent.itemsProp;
      return itemsStored;
     };

   getOperationItems = function () {
      let itemsStored = this.getDataFromState();
      itemsStored.map((item, index) => (
          <li> key={index} item={item}</li>
       ))};

   render() {
       return (
           <div className={styles}>
               {this.getOperationItems()}
           </div>
         );
     }
 }

 const mapStateToProps = (store) => {
     return {itemsProp: store.items}
  };

 export default connect(mapStateToProps)(Table)

ReactDOM.render(
   <Provider store={store}>
       <Table/>,
    </Provider>,
   document.getElementById("app")
);

Initial state:

export default {
   items: [
      {
        'Date': 1,
        'Operation': 1
       }
     ]
 }

Reducer:

 import initialState from '../constants/initialState';

 export default function update(state = initialState) {
           return state;
  }

But I cant get the initial data from store. Debugging, I see in method Table#getDataFromState that propsContent contains the empty ({}) array - not the expected [{'Date': 1,'Operation': 1 }].

Debugging also I see, that reducer receive the initial state with properly data: [{'Date': 1,'Operation': 1}]

Answer 1

How do you register the reducer passed to createStore? It is important in order to use it into mapStateToProps:

You can look here an example on how to register a reducer

UPDATES

The problem is how you are using the connected component Table . If you define it in another file and then import it, your code works perfectly, as you can see here