如何识别 Linking.addEventListener 中的数据？答案

【问题标题】：How can I recognize the data in Linking.addEventListener?如何识别 Linking.addEventListener 中的数据？
【发布时间】：2021-04-26 09:41:47
【问题描述】：

首先，我在输入中输入昵称。二、通过Linking.openURL('http://10.0.2.2:3065/auth/kakao')获取url数据。第三，在执行Linking.addEventListener时，我想让我输入的昵称记录在console.log("nick:",)中。

但是当我运行我的代码时，它会写 nick: undifned。

如何修复我的代码？

这是我的代码

            const Kakao = () => {

            const [nick, onChangeNick] = useInput('');    

            useEffect(() => {
                Linking.addEventListener('url', async ({url, nick}) => {
                console.log('nick::', nick);                                               //third


                });
                return () => Linking.removeEventListener('url');
            }, []);



            return (
                <Container>
                    <Inputs placeholder="닉네임" value={nick} onChange={onChangeNick} />           //first

                    <LoginButton
                    onPress={() => Linking.openURL('http://10.0.2.2:3065/auth/kakao')}>        //second 
                    <Label>카카오 로그인 링크</Label>
                </LoginButton>
                
                </Container>
            );
            };

            export default Kakao;

【问题讨论】：

标签： javascript node.js reactjs react-native

【解决方案1】：

首先，我不知道Linking到底是什么，如果它是外部的图书馆或其他东西（也许分享一些上下文可能会有所帮助）。

其次，您试图在useEffect 内部访问nick Linking 的回调函数并作为参数。 检查这一点。

编辑： 我刚刚阅读了有关Linking (https://reactnative.dev/docs/linking#handling-deep-links) 的文档

在addEventListener 的回调中，您根本没有一个名为nick 的参数。只需删除它，它就会从状态中获取nick，因为它在全局范围内。

            const [nick, onChangeNick] = useInput('');    

            useEffect(() => {
// Remove `nick`
                Linking.addEventListener('url', async ({url}) => { 
                console.log('nick::', nick);                                               //third


                });
                return () => Linking.removeEventListener('url');
            }, []);

【讨论】：