При диспатче экшена в сам экшн передаются данные, но не доходят до редюсера. Не могу найти ошибку.
reducer
const initialState = {
name: "",
};
const testReducer = ( state = initialState, action) => {
console.log(action.type);
switch (action.type) {
case "TEST":
return { ...state, ...action.payload };
default:
return { ...state };
}
};
export default testReducer;
action
function setTest(test) {
console.log(test);
return {
type: "TEST",
payload: test,
};
}
export default setTest;
component
import React, { useState } from "react";
import { connect } from "react-redux";
import setTest from "./redux/action/setTest";
function Test() {
const [test, newTest] = useState("");
const update = (e) => {
newTest(e.target.value);
};
const click = () => {
setTest(test);
};
return (
<div>
<input value={test} name="test" onChange={update} />
<button onClick={click}>Click</button>
</div>
);
}
const mapDispatchToProps = (dispatch) => ({
setTest: (test) => dispatch(setTest(test)),
});
export default connect(null, mapDispatchToProps)(Test);
P.S. index.js обернут в провайдер