[React Native] 파라미터

설정·2022년 1월 3일
0

ReactNative

목록 보기
24/30

▶ Passing parameters to routes
https://reactnavigation.org/docs/params/#passing-params-to-nested-navigators

# 네비게이터 -> 네비게이터

// 네비게이터 이동
navigation.navigate("Stack", { screen: "Detail" })

// 네비게이터 이동 + 파라미터 전달
navigation.navigate("Stack", {
  screen: "Detail",
  params: { user: "jane" }
});
// Detail.js
const Detail = () => { } // 기본

const Detail = ({ route, navigation }) => { 
  const { user } = route.params; // "jane"
  
  useEffect(() => {
    navigation.setOptions({
      title: "title"
    })
}, []);


const Detail = ({ navigation: {setOptions}, route: { params: { user }} }) => { 
  useEffect(() => {
    navigation.setOptions({
      title: "title"
    })
}, []);

0개의 댓글