Reduxの簡単な使い方

3258 ワード

Devlog テキストリンク


import {useDispatch} from 'react-redux';
import {setUserInfo} from '../redux/modules/user';
import {getPosts} from '../redux/modules/posts';


function SignIn() {
	
const userInfo = useSelector((state)=> state.user);

const dispatch = useDispatch();

const getClick = () => {
	dispatch(getPosts())
}

const ChangeClick = () => {
	dispatch(setUserInfo({userInfo}))
              // userInfo는 서버에서 받아온 유저정보
}
};

Reference

この問題について(Reduxの簡単な使い方), 我々は、より多くの情報をここで見つけました https://velog.io/@jenjenhub/간단한-Redux-사용법

テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。

Collection and Share based on the CC Protocol

タイムモジュール

UIの作成