If you would write a new reducer that would change the card
EXAMPLE:
case CHANGE_CARD: {
const newLists = [...state.lists];
// First card in first row
newLists[0].cards[0].title = "test";
return state.withMutations((ctx) => {
ctx.set('lists', newLists);
});
This results in
- The state updates
- Board re-render with new props
- CardsContainer re-render with new props
- Cards re-render with new props
But here is the error, when debugging the code in the Render function in Cards, the CardList array is updated and if you look at the CardList data the props have the new title as "test" BUT DraggableCard does NOT re-render.
But as soon as you move the card by dragging, then the re-render of DraggableCard works and the correct title "test" is rendered.
If you would write a new reducer that would change the card
EXAMPLE:
This results in
But here is the error, when debugging the code in the Render function in Cards, the CardList array is updated and if you look at the CardList data the props have the new title as "test" BUT DraggableCard does NOT re-render.
But as soon as you move the card by dragging, then the re-render of DraggableCard works and the correct title "test" is rendered.