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に空の({} )配列が含まれていることを期待しています.).
また、デバッガは初期状態を適切なデータで受け取ります
Reference
この問題について(Reduxストアからデータを取得する際の問題点), 我々は、より多くの情報をここで見つけました https://dev.to/andrey1981spb/problems-with-getting-data-from-redux-store-cf6テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol