react+firebase,1日目に熱水クローン符号化(feat符号化デコーダなし)
4014 ワード
反応+基礎消防の設置
反応器CRAで、その後Firebaseで接続します.jsを作成しSDKに入れます.
📝 Firebase.js
👩🎓 ルーティングを担当するルータ.jsを中央サーバとして作成ファミリー、Sign、Authの3つのコンポーネント を作成
反応器CRAで、その後Firebaseで接続します.jsを作成しSDKに入れます.
📝 Firebase.js
import firebase from 'firebase/app'
import "firebase/firebase-analytics" import 할 것 들을 import,
const firebaseConfig = SDK
firebase.initializeApp(firebaseConfig);
export const firebaseInstance = firebase;
export const authService = firebase.auth();
// export 해 둘 것들을 선언해둠.
Router.JS👩🎓 ルーティングを担当するルータ.jsを中央サーバとして作成
const [isLoggedIn,setIsLoggedIn] = useState(false)
//로그인 유무를 판단하기위해 토글 state를 제작
<Router>
<Switch>
{
isLoggedIn ? (
<> // 예를 들면 JSX문법에서 <div></div>같은 것이다.
// 삼항연산자는 원래 한줄 밖에 안되는데 ( <> </> )를 쓰면 여러줄 가능하다
<Route exact path="/">
<Home/>
</Route>
</>
) : (
<Route exact path="/">
<sign/>
</Route>
<Route exat path="/Auth">
<Auth/>
</Route>
//Sign에서 회원가입 버튼을 누르면 Auth로 가게 만들기 전 만들어둠.
)
}
</Switch>
</Router>
👩🎓 ログイン時はホームがメイン、ログインしない時はSignがメインReference
この問題について(react+firebase,1日目に熱水クローン符号化(feat符号化デコーダなし)), 我々は、より多くの情報をここで見つけました https://velog.io/@jioo/React-React-firebase로-트워터-클론코딩-1일차-feat.-nomadcodersテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol