Reduxストアからデータを取得する際の問題点

1523 ワード

私はコンポーネントを作成し、reduxに接続し、状態を初期化し、縮小を作成しました.
コンポーネント
 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")
);
初期状態:
export default {
   items: [
      {
        'Date': 1,
        'Operation': 1
       }
     ]
 }
還元剤
 import initialState from '../constants/initialState';

 export default function update(state = initialState) {
           return state;
  }
しかし、私は傾けるから店から初期データを得ます.デバッグの場合、proscontentに空の({} )配列が含まれていることを期待しています.
).
また、デバッガは初期状態を適切なデータで受け取ります