Bonjour,
Voila je rencontre un petit problème avec mon code.
Ce que je fais
J'ai créé une méthode pour récupérer les utilisateurs mais mon props est vide ?
Point d'entrée (Create.js)
import React from 'react';
import ReactDOM from 'react-dom';
import { Provider } from 'react-redux';
import { createStore, applyMiddleware } from 'redux';
import thunk from "redux-thunk"
import reducers from '../../reducers';
const createStoreWithMiddleware = applyMiddleware(thunk)(createStore);
import {connect} from "react-redux"
import {bindActionCreators} from "redux"
import {readAllUsers} from "../../actions/users";
class Create extends React.Component {
componentWillMount() {
console.log(this.props);
}
render() {
return (
<h1>Test</h1>
)
}
}
const mapStateToProps = (state) => {
return {
users: state.users
}
};
function mapDispatchToProps (dispatch) {
return bindActionCreators({readAllUsers},dispatch);
}
export default connect(mapStateToProps, mapDispatchToProps)(Create)
if (document.getElementById('hdapp')) {
ReactDOM.render(
<Provider store={createStoreWithMiddleware(reducers,window.__REDUX_DEVTOOLS_EXTENSION__ && window.__REDUX_DEVTOOLS_EXTENSION__())}>
<Create />
</Provider>
, document.getElementById('hdapp'));
}
Reducers (index.js)
import { combineReducers } from 'redux';
import ReducerUsers from "./reducer-users";
const rootReducer = combineReducers({
users: ReducerUsers,
});
export default rootReducer;
Reducer Users (reducer-users.js)
import {AT_USERS} from "../actions/users/action-types";
export default function reducerUsers (state=[],action){
switch(action.type){
case AT_USERS.READ_ALL :
return action.payload;
}
return state
}
Action type users
export const AT_USERS = {
READ_ALL : "READ_ALL_USER",
};
Action users index
import axios from "axios"
import {END_POINT, API_KEY} from "../../utils";
import {AT_USERS} from "./action-types";
export function readAllUsers(){
return function(dispatch){
axios.get(`${END_POINT}/api/users?api_token=${API_KEY}`).then( (response) => {
dispatch({type:AT_USERS.READ_ALL,payload:response.data})
});
}
}
Ce que je veux
J'aimerais savoir pourquoi mon props est vide, je pense avoir écrit le bon code pour que ça fonctionne