SG
Size: a a a
SG
Y
Y
DЛ
Y
O
const [articles, setArticles] = useState([]);
const [actions, setActions] = useState({});
const editArticleTitleAction = (currentArticleTitle, newArticleTitle) => {
console.log('articles in edit action =', articles)
}
const deleteArticleAction = (currentArticle) => {
console.log('articles in delete action =', articles)
}
useEffect(() => {
fetch(POSTS_URL).then(responce =>
responce.json().then(data => {
setActions({editArticleTitle: editArticleTitleAction, deleteArticle: deleteArticleAction});
setArticles(data[0]);
}
));
}, []);
deleteArticleAction
та editArticleTitleAction
, щоб потім можна було викликати в потрібному компоненті без ReduxK
const [actions, setActions] = useState({});
const actions = useMemo(()=> ({
deleteArticleAction,
editArticleTitleAction
}), [deleteArticleAction,editArticleTitleAction])
VK
VK
Y
VK
VK
let newState = state;
-> let newState = [...state];
SG
VK
VK
O
RA
SG
RA
RA