Aktuellen Benutzer in React Native mit Parse abrufen

aktuellen benutzer für react native abrufen einführung nachdem sie die benutzerregistrierung und den login in ihre app implementiert haben, müssen sie die daten des aktuell angemeldeten benutzers abrufen, um verschiedene aktionen und anfragen durchzuführen da react native asyncstorage asyncstorage als lokalen speicher verwendet, können diese daten mit parse currentasync parse currentasync innerhalb der komponenten ihrer app abgerufen werden voraussetzungen um dieses tutorial abzuschließen, benötigen sie eine react native app, die erstellt und mit back4app verbunden ist schließen sie die vorherigen anleitungen ab, damit sie ein besseres verständnis für die parse benutzerklasse haben ziel holen sie sich die aktuellen benutzerdaten, indem sie parse für eine react native app verwenden 1 aktuellen benutzer abrufen die methode parse currentasync parse currentasync kann überall in deinem code verwendet werden, nachdem du deine app richtig konfiguriert hast, um parse und asyncstorage zu nutzen die antwort wird das objekt deines aktuellen benutzers sein ( parse user parse user ) oder null, wenn derzeit kein benutzer angemeldet ist javascript 1 const getcurrentuser = async function () { 2 const currentuser = await parse user currentasync(); 3 if (currentuser !== null) { 4 alert alert( 5 'success!', 6 `${currentuser get('username')} is the current user!`, 7 ); 8 } 9 return currentuser; 10 };1 const getcurrentuser = async function () promise\<parse user> { 2 const currentuser parse user = await parse user currentasync(); 3 if (currentuser !== null) { 4 alert alert( 5 'success!', 6 `${currentuser get('username')} is the current user!`, 7 ); 8 } 9 return currentuser; 10 }; diese methode ist entscheidend in situationen, in denen du keinen zugriff auf den zustand deiner anwendung oder deine benutzerdaten hast, was es ermöglicht, relevante parse anfragen in jeder komponente deiner app durchzuführen 2 verwendung des aktuellen benutzers in einer react native komponente in unseren vorherigen anleitungen wurde parse currentasync parse currentasync bereits zum testen und innerhalb der hellouser hellouser komponente verwendet hier ist die vollständige komponente erneut hellouser js 1 import react, {fc, reactelement, useeffect, usestate} from 'react'; 2 import {text, view} from 'react native'; 3 import parse from 'parse/react native'; 4 import styles from ' /styles'; 5&#x9; 6 export const hellouser = () => { 7 // state variable that will hold username value 8 const \[username, setusername] = usestate(''); 9&#x9; 10 // useeffect is called after the component is initially rendered and 11 // after every other render 12 useeffect(() => { 13 // since the async method parse user currentasync is needed to 14 // retrieve the current user data, you need to declare an async 15 // function here and call it afterwards 16 async function getcurrentuser() { 17 // this condition ensures that username is updated only if needed 18 if (username === '') { 19 const currentuser = await parse user currentasync(); 20 if (currentuser !== null) { 21 setusername(currentuser getusername()); 22 } 23 } 24 } 25 getcurrentuser(); 26 }, \[username]); 27&#x9; 28 // note the conditional operator here, so the "hello" text is only 29 // rendered if there is an username value 30 return ( 31 \<view style={styles login wrapper}> 32 \<view style={styles form}> 33 {username !== '' && \<text>{`hello ${username}!`}\</text>} 34 \</view> 35 \</view> 36 ); 37 }; hellouser tsx 1 import react, {fc, reactelement, useeffect, usestate} from 'react'; 2 import {text, view} from 'react native'; 3 import parse from 'parse/react native'; 4 import styles from ' /styles'; 5&#x9; 6 export const hellouser fc<{}> = ({}) reactelement => { 7 // state variable that will hold username value 8 const \[username, setusername] = usestate(''); 9&#x9; 10 // useeffect is called after the component is initially rendered and 11 // after every other render 12 useeffect(() => { 13 // since the async method parse user currentasync is needed to 14 // retrieve the current user data, you need to declare an async 15 // function here and call it afterwards 16 async function getcurrentuser() { 17 // this condition ensures that username is updated only if needed 18 if (username === '') { 19 const currentuser = await parse user currentasync(); 20 if (currentuser !== null) { 21 setusername(currentuser getusername()); 22 } 23 } 24 } 25 getcurrentuser(); 26 }, \[username]); 27&#x9; 28 // note the conditional operator here, so the "hello" text is only 29 // rendered if there is an username value 30 return ( 31 \<view style={styles login wrapper}> 32 \<view style={styles form}> 33 {username !== '' && \<text>{`hello ${username}!`}\</text>} 34 \</view> 35 \</view> 36 ); 37 }; in diesem fall ruft die parse currentasync parse currentasync methode den benutzernamen ab und aktualisiert die zustandsvariable, die innerhalb des komponenten jsx gerendert wird fazit am ende dieses leitfadens haben sie gelernt, wie sie die aktuellen parse benutzerdaten aus dem lokalen speicher in react native abrufen im nächsten leitfaden zeigen wir ihnen, wie sie ihrem benutzer ermöglichen, sein passwort zurückzusetzen