REACT-NATIVE - 스택 내비게이션에 props값 넘기는 법

✔️ 사용 방법

//stacknavigaiton 있는 곳!
const [token ,setToken] = useState("")

<Stack.Navigator initialRouteName="Login">
	<Stack.Screen name="Login" children={()=>{return <Login token={token} setToekn={setToken}/>}}/>
</Stack.Navigator>

//Login.tsx

interface Props {
  setToken: Dispatch<SetStateAction<string>>;
  token: string;
}

function Login ({setToken, token} : Props){
	return (
    <View>
    	<Text>로그인 페이지 :{toekn}</Text>
    </View>
    )
}

export default Login;

 

props로 값을 넘길 때 타입 스크립트에서는 항상 받아온 props의 값을 선언해주는 것을 잊으면 안 된다!