accepting multiple arguments in redux-toolkit in state

[ryzen322]

here the createSlice

export const todoSlice = createSlice({
name: "todos",
initialState: [],
reducers: {
addTodo: (state, action) => {
// action.payload accept multiple arguments or object
return [...state, action.payload];
},
},
});

export const { addTodo } = todoSlice.actions;

export default todoSlice.reducer;

// here

const [textName, setTextName] = useState("");
const [text, setText] = useState("");

const dispatch = useDispatch();

const addTodoHandler = (e) => {
e.preventDefault();

dispatch(
  addTodo({
    id: nanoid(),
    name: textName,
    text: text,
  })
);

setTextName("");
setText("");

};

[phryneas]

If you have a question, please put in the effort to actually ask the question. That's not even a full sentence and nobody here can read your mind.

[ryzen322]

Noted mr @phryneas