React native How to return a value from a function to the component
.everyoneloves__top-leaderboard:empty,.everyoneloves__mid-leaderboard:empty,.everyoneloves__bot-mid-leaderboard:empty{ height:90px;width:728px;box-sizing:border-box;
}
Im getting the 2 user authenticated from firebase database but how can I return a value from the function or is there any other solution to the authenticated user
firebase.auth().onAuthStateChanged(user => {
if (user) {
firebase.database().ref('Usersyeah/').on('child_added', function (getdata) {
var newData = getdata.val().User
if (user.email == getdata.val().Email ){
if (getdata.val().User === 'User') {
var routes = [
{title: "Home",route: "Home",}
{title: "Pending Request",route: "Request"}]
} else {
var routes = [
{title: "USER",route: "Home"}
]
}
}
getdata.val().User })
});
} else {
}
})
return (
<View>
<TouchableOpacity style={{ backgroundColor: 'green', margin: 10, padding: 10 }}
onPress={this.mysubmit.bind(this)}>
<Text style={{ color: '#fff', alignItems: 'flex-end' }}> SUBMIT </Text>
</TouchableOpacity>
<Image
style={{ width: 250, height: 200 }}
source={require('../myimage/durian.jpg')}
/>
{
routes.map(e => (
<TouchableOpacity style={styles.link} onPress={_ => this.navigate(e.route)}>
<Text style={{ fontSize: 14 }}>{e.title}</Text>
</TouchableOpacity>
)
)
}
</View>
)
}
javascript reactjs typescript react-native react-router
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
add a comment |
Im getting the 2 user authenticated from firebase database but how can I return a value from the function or is there any other solution to the authenticated user
firebase.auth().onAuthStateChanged(user => {
if (user) {
firebase.database().ref('Usersyeah/').on('child_added', function (getdata) {
var newData = getdata.val().User
if (user.email == getdata.val().Email ){
if (getdata.val().User === 'User') {
var routes = [
{title: "Home",route: "Home",}
{title: "Pending Request",route: "Request"}]
} else {
var routes = [
{title: "USER",route: "Home"}
]
}
}
getdata.val().User })
});
} else {
}
})
return (
<View>
<TouchableOpacity style={{ backgroundColor: 'green', margin: 10, padding: 10 }}
onPress={this.mysubmit.bind(this)}>
<Text style={{ color: '#fff', alignItems: 'flex-end' }}> SUBMIT </Text>
</TouchableOpacity>
<Image
style={{ width: 250, height: 200 }}
source={require('../myimage/durian.jpg')}
/>
{
routes.map(e => (
<TouchableOpacity style={styles.link} onPress={_ => this.navigate(e.route)}>
<Text style={{ fontSize: 14 }}>{e.title}</Text>
</TouchableOpacity>
)
)
}
</View>
)
}
javascript reactjs typescript react-native react-router
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
use promise to resolve the function
– Jigar
Jan 4 at 5:46
add a comment |
Im getting the 2 user authenticated from firebase database but how can I return a value from the function or is there any other solution to the authenticated user
firebase.auth().onAuthStateChanged(user => {
if (user) {
firebase.database().ref('Usersyeah/').on('child_added', function (getdata) {
var newData = getdata.val().User
if (user.email == getdata.val().Email ){
if (getdata.val().User === 'User') {
var routes = [
{title: "Home",route: "Home",}
{title: "Pending Request",route: "Request"}]
} else {
var routes = [
{title: "USER",route: "Home"}
]
}
}
getdata.val().User })
});
} else {
}
})
return (
<View>
<TouchableOpacity style={{ backgroundColor: 'green', margin: 10, padding: 10 }}
onPress={this.mysubmit.bind(this)}>
<Text style={{ color: '#fff', alignItems: 'flex-end' }}> SUBMIT </Text>
</TouchableOpacity>
<Image
style={{ width: 250, height: 200 }}
source={require('../myimage/durian.jpg')}
/>
{
routes.map(e => (
<TouchableOpacity style={styles.link} onPress={_ => this.navigate(e.route)}>
<Text style={{ fontSize: 14 }}>{e.title}</Text>
</TouchableOpacity>
)
)
}
</View>
)
}
javascript reactjs typescript react-native react-router
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
Im getting the 2 user authenticated from firebase database but how can I return a value from the function or is there any other solution to the authenticated user
firebase.auth().onAuthStateChanged(user => {
if (user) {
firebase.database().ref('Usersyeah/').on('child_added', function (getdata) {
var newData = getdata.val().User
if (user.email == getdata.val().Email ){
if (getdata.val().User === 'User') {
var routes = [
{title: "Home",route: "Home",}
{title: "Pending Request",route: "Request"}]
} else {
var routes = [
{title: "USER",route: "Home"}
]
}
}
getdata.val().User })
});
} else {
}
})
return (
<View>
<TouchableOpacity style={{ backgroundColor: 'green', margin: 10, padding: 10 }}
onPress={this.mysubmit.bind(this)}>
<Text style={{ color: '#fff', alignItems: 'flex-end' }}> SUBMIT </Text>
</TouchableOpacity>
<Image
style={{ width: 250, height: 200 }}
source={require('../myimage/durian.jpg')}
/>
{
routes.map(e => (
<TouchableOpacity style={styles.link} onPress={_ => this.navigate(e.route)}>
<Text style={{ fontSize: 14 }}>{e.title}</Text>
</TouchableOpacity>
)
)
}
</View>
)
}
javascript reactjs typescript react-native react-router
javascript reactjs typescript react-native react-router
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
asked Jan 4 at 5:02
Allen CrisAllen Cris
496
496
use promise to resolve the function
– Jigar
Jan 4 at 5:46
add a comment |
use promise to resolve the function
– Jigar
Jan 4 at 5:46
use promise to resolve the function
– Jigar
Jan 4 at 5:46
use promise to resolve the function
– Jigar
Jan 4 at 5:46
add a comment |
1 Answer
1
active
oldest
votes
A way could be to declare an instance variable on component like
myComponent{
constructor(props){
this.valToBeReturned;
}
}
And then, inside function you can initialize it with the value you want:
theFunction(user=>{
this.valToBeReturned = getdata.val().User //for example
})
In this way, you have the value you want on this.valToBeReturned outside the function scope.
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
add a comment |
Your Answer
StackExchange.ifUsing("editor", function () {
StackExchange.using("externalEditor", function () {
StackExchange.using("snippets", function () {
StackExchange.snippets.init();
});
});
}, "code-snippets");
StackExchange.ready(function() {
var channelOptions = {
tags: "".split(" "),
id: "1"
};
initTagRenderer("".split(" "), "".split(" "), channelOptions);
StackExchange.using("externalEditor", function() {
// Have to fire editor after snippets, if snippets enabled
if (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using("snippets", function() {
createEditor();
});
}
else {
createEditor();
}
});
function createEditor() {
StackExchange.prepareEditor({
heartbeatType: 'answer',
autoActivateHeartbeat: false,
convertImagesToLinks: true,
noModals: true,
showLowRepImageUploadWarning: true,
reputationToPostImages: 10,
bindNavPrevention: true,
postfix: "",
imageUploader: {
brandingHtml: "Powered by u003ca class="icon-imgur-white" href="https://imgur.com/"u003eu003c/au003e",
contentPolicyHtml: "User contributions licensed under u003ca href="https://creativecommons.org/licenses/by-sa/3.0/"u003ecc by-sa 3.0 with attribution requiredu003c/au003e u003ca href="https://stackoverflow.com/legal/content-policy"u003e(content policy)u003c/au003e",
allowUrls: true
},
onDemand: true,
discardSelector: ".discard-answer"
,immediatelyShowMarkdownHelp:true
});
}
});
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54033341%2freact-native-how-to-return-a-value-from-a-function-to-the-component%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
1 Answer
1
active
oldest
votes
1 Answer
1
active
oldest
votes
active
oldest
votes
active
oldest
votes
A way could be to declare an instance variable on component like
myComponent{
constructor(props){
this.valToBeReturned;
}
}
And then, inside function you can initialize it with the value you want:
theFunction(user=>{
this.valToBeReturned = getdata.val().User //for example
})
In this way, you have the value you want on this.valToBeReturned outside the function scope.
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
add a comment |
A way could be to declare an instance variable on component like
myComponent{
constructor(props){
this.valToBeReturned;
}
}
And then, inside function you can initialize it with the value you want:
theFunction(user=>{
this.valToBeReturned = getdata.val().User //for example
})
In this way, you have the value you want on this.valToBeReturned outside the function scope.
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
add a comment |
A way could be to declare an instance variable on component like
myComponent{
constructor(props){
this.valToBeReturned;
}
}
And then, inside function you can initialize it with the value you want:
theFunction(user=>{
this.valToBeReturned = getdata.val().User //for example
})
In this way, you have the value you want on this.valToBeReturned outside the function scope.
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
A way could be to declare an instance variable on component like
myComponent{
constructor(props){
this.valToBeReturned;
}
}
And then, inside function you can initialize it with the value you want:
theFunction(user=>{
this.valToBeReturned = getdata.val().User //for example
})
In this way, you have the value you want on this.valToBeReturned outside the function scope.
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
answered Jan 7 at 11:53
angelos_lexangelos_lex
445411
445411
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
add a comment |
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
it worked for me thank you
– Allen Cris
Jan 10 at 10:33
add a comment |
Thanks for contributing an answer to Stack Overflow!
- Please be sure to answer the question. Provide details and share your research!
But avoid …
- Asking for help, clarification, or responding to other answers.
- Making statements based on opinion; back them up with references or personal experience.
To learn more, see our tips on writing great answers.
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
StackExchange.ready(
function () {
StackExchange.openid.initPostLogin('.new-post-login', 'https%3a%2f%2fstackoverflow.com%2fquestions%2f54033341%2freact-native-how-to-return-a-value-from-a-function-to-the-component%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Sign up or log in
StackExchange.ready(function () {
StackExchange.helpers.onClickDraftSave('#login-link');
});
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Sign up using Google
Sign up using Facebook
Sign up using Email and Password
Post as a guest
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
Required, but never shown
use promise to resolve the function
– Jigar
Jan 4 at 5:46