Właściwie temat wyczerpuje temat
0
1
W oficjalnej dokumentacji pamiętam, że wszystko było mocno łopatologicznie wytłumaczone.
https://redux.js.org/introduction/getting-started
0
To będzie wersja skrócona na maxa.
class LoginX extends React.Component {
constructor(props) {
super(props);
this.state = { login: '', password: '' };
}
handleChange = (e) => {
this.setState({
[e.currentTarget.name]: e.currentTarget.value,
});
}
render(){...}
}
To jest uproszczona klasa, ogólnie to zawiera dwa inputy tekstowe.
A poniżej tzw. reszta. I problem w tym, że nie wiem jak napisać dispatchera, żeby zwracał stan tej klasy. {...LoginX.state'}
to tylko wyraz pewnych intencji, ale zasadniczo chodzi o to, jak napisać w tym miejscu właśnie. Ja trukam Reduxa czwarty dzień dzisiaj to może to jest jakiś banał, ale nie dla mnie.
const mapStateToProps = (state) => {
return state;
}
const mapDispatchToProps = (dispatch) => {
return {
onClick: (e) => {e.preventDefault(); console.log('dispatch'); dispatch({
type: 'LOGIN_SUBMIT',
payload: {
token: {...LoginX.state'}
}
})}
}};
let Login = connect(mapStateToProps, mapDispatchToProps)(LoginX);
export default Login;