Блог

Я использую react navigation v5 и переношу параметр с одного экрана на другой. Я заставил это работать, но я не могу понять, зачем мне нужно использовать фигурные скобки там. И куда мне добавить параметр props?

 1 screen
<TouchableOpacity onPress={() => { nav.navigate('userProfile', { userId: 1 }) }} >

2 screen
const userProfile = ({ route }) => {
    const { id } = route.params;
    return (
        <View>
            <Text>{id}</Text>
        </View>
    )
}

 

Как я уже сказал, это работает так, но обычно у меня есть что-то вроде

 const userProfile = (props) => 
 

Как бы я добавил реквизиты на экран 2? И зачем мне нужно использовать фигурные скобки и как мне узнать, могу ли я добавить его в качестве параметра, например, props, или мне нужно использовать скобки.

Спасибо!

Обновление: я узнал, что он также работает с props.route.params.id . Сейчас я очень смущен.

В javascript это называется деструктурированием…

здесь вы извлекаете route из userProfile props

 const userProfile = ({ route }) => {
 

что эквивалентно

 const userProfile = (props) => {
  const route = props.route;
};
 

==

 const userProfile = (props) => {
  const { route } = props;
};