Navigation에서 props 넘기기
참고 : https://reactnavigation.org/docs/params/
배경
버튼 클릭시 Login 화면으로 이동할 때 아래와 같이 작성하면 된다.
이때, Login.js에서 매개변수명으로 반드시 route를 사용해야 값을 받을 수 있다.
Home.js
onPress={() => navigation.navigate('Login', {
color: "red"
})}
Login.js
export default ({route,navigation})=> {
useEffect(()=>{
console.log("Login Screen 컴포넌트 mounted")
console.log(route)
console.log(route.params) // Props
return ()=>{
console.log("Login Screen 컴포넌트 unmounted")
}
})
...
...
}
Author And Source
이 문제에 관하여(Navigation에서 props 넘기기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다
https://velog.io/@jun112465/Navigation에서-props-넘기기
저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념
(Collection and Share based on the CC Protocol.)
onPress={() => navigation.navigate('Login', {
color: "red"
})}
export default ({route,navigation})=> {
useEffect(()=>{
console.log("Login Screen 컴포넌트 mounted")
console.log(route)
console.log(route.params) // Props
return ()=>{
console.log("Login Screen 컴포넌트 unmounted")
}
})
...
...
}
Author And Source
이 문제에 관하여(Navigation에서 props 넘기기), 우리는 이곳에서 더 많은 자료를 발견하고 링크를 클릭하여 보았다 https://velog.io/@jun112465/Navigation에서-props-넘기기저자 귀속: 원작자 정보가 원작자 URL에 포함되어 있으며 저작권은 원작자 소유입니다.
우수한 개발자 콘텐츠 발견에 전념 (Collection and Share based on the CC Protocol.)