反应本机标题按钮无法按预期工作

Question

我是本地反应新手，并尝试了一些相同的代码 这个在线教程

根据教程，在index.tsx中我添加了此代码以在标题中显示一个按钮

useEffect(() => {
    navigation.setOptions({
        headerRight: () => {
            <TouchableOpacity onPress={focusMap}>
                <View style={{ padding: 10 }}>
                    <Text>Focus1</Text>
                </View>
            </TouchableOpacity>
        },
    });
}, []);

它不显示文本，所以我从代码存储库复制了代码，如下所示，它有效

useEffect(() => {
    navigation.setOptions({
        headerRight: () => (
            <TouchableOpacity onPress={focusMap}>
                <View style={{ padding: 10 }}>
                    <Text>Focus2</Text>
                </View>
            </TouchableOpacity>
        )
    });
}, []);

我没有看到两个代码段之间有任何区别，有任何关于我在这里缺少的内容的指针吗？

Answer 1

是的，您的代码中有一个错误，您使用了“{”，而不是您需要使用这个“(”。除此之外，您的代码是正确的。

useEffect(() => {
    navigation.setOptions({
        headerRight: () => {   // you have used '{'instead you need to use this '('
            <TouchableOpacity onPress={focusMap}>
                <View style={{ padding: 10 }}>
                    <Text>Focus1</Text>
                </View>
            </TouchableOpacity>
        },
    });
}, []);