React Native: Lodash Map
I'm new in react native and I want make data function into view.
my function looks like this
renderTest = () => {
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
>
{_.map(this.state.leads, (leads, index) => {
return (
<Text key={index}>{leads.full_name}</Text>
)
})}
</FlatList>
}
and my View to pass the value of the function
<View style={{flexDirection: 'row'}}>
{this.renderTest()}
</View>
I don't have any idea what's the problem all I just want is to render the value. I hope could someone help me.
edited
react-native lodash
add a comment |
I'm new in react native and I want make data function into view.
my function looks like this
renderTest = () => {
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
>
{_.map(this.state.leads, (leads, index) => {
return (
<Text key={index}>{leads.full_name}</Text>
)
})}
</FlatList>
}
and my View to pass the value of the function
<View style={{flexDirection: 'row'}}>
{this.renderTest()}
</View>
I don't have any idea what's the problem all I just want is to render the value. I hope could someone help me.
edited
react-native lodash
add a comment |
I'm new in react native and I want make data function into view.
my function looks like this
renderTest = () => {
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
>
{_.map(this.state.leads, (leads, index) => {
return (
<Text key={index}>{leads.full_name}</Text>
)
})}
</FlatList>
}
and my View to pass the value of the function
<View style={{flexDirection: 'row'}}>
{this.renderTest()}
</View>
I don't have any idea what's the problem all I just want is to render the value. I hope could someone help me.
edited
react-native lodash
I'm new in react native and I want make data function into view.
my function looks like this
renderTest = () => {
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
>
{_.map(this.state.leads, (leads, index) => {
return (
<Text key={index}>{leads.full_name}</Text>
)
})}
</FlatList>
}
and my View to pass the value of the function
<View style={{flexDirection: 'row'}}>
{this.renderTest()}
</View>
I don't have any idea what's the problem all I just want is to render the value. I hope could someone help me.
edited
react-native lodash
react-native lodash
edited Nov 21 '18 at 1:46
Mike Victoria
asked Nov 21 '18 at 1:17
Mike VictoriaMike Victoria
449
449
add a comment |
add a comment |
3 Answers
3
active
oldest
votes
Since you already are in react world
you can simply use the Array.map
:
renderTest = () => {
<FlatList onEndReached={() => this.handleEnd()}>
{this.state.leads.map((lead, index) => {
return (<Text key={index}>{lead.full_name}</Text>)
})}
</FlatList>
}
As long as this.state.leads
is an array.
But bottom line is no lodash
is needed here.
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is notfound
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
add a comment |
As seen by your comment on Akrion's answer, I'm guessing you haven't defined the renderTest
function inside the component. Another possibility is that you are using a stateless component in which case you cannot access this
add a comment |
I'm just not sure you can define a FlatList like that one. I mean, I think you're missing the return
of the function and you have to pass the property data
to FlatList
this way:
renderTest = () => {
return (
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
data={this.state.leads}
renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
/>
)
}
Let me know if this can solve your issue :)
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%2f53403969%2freact-native-lodash-map%23new-answer', 'question_page');
}
);
Post as a guest
Required, but never shown
3 Answers
3
active
oldest
votes
3 Answers
3
active
oldest
votes
active
oldest
votes
active
oldest
votes
Since you already are in react world
you can simply use the Array.map
:
renderTest = () => {
<FlatList onEndReached={() => this.handleEnd()}>
{this.state.leads.map((lead, index) => {
return (<Text key={index}>{lead.full_name}</Text>)
})}
</FlatList>
}
As long as this.state.leads
is an array.
But bottom line is no lodash
is needed here.
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is notfound
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
add a comment |
Since you already are in react world
you can simply use the Array.map
:
renderTest = () => {
<FlatList onEndReached={() => this.handleEnd()}>
{this.state.leads.map((lead, index) => {
return (<Text key={index}>{lead.full_name}</Text>)
})}
</FlatList>
}
As long as this.state.leads
is an array.
But bottom line is no lodash
is needed here.
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is notfound
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
add a comment |
Since you already are in react world
you can simply use the Array.map
:
renderTest = () => {
<FlatList onEndReached={() => this.handleEnd()}>
{this.state.leads.map((lead, index) => {
return (<Text key={index}>{lead.full_name}</Text>)
})}
</FlatList>
}
As long as this.state.leads
is an array.
But bottom line is no lodash
is needed here.
Since you already are in react world
you can simply use the Array.map
:
renderTest = () => {
<FlatList onEndReached={() => this.handleEnd()}>
{this.state.leads.map((lead, index) => {
return (<Text key={index}>{lead.full_name}</Text>)
})}
</FlatList>
}
As long as this.state.leads
is an array.
But bottom line is no lodash
is needed here.
edited Nov 21 '18 at 1:52
answered Nov 21 '18 at 1:32
AkrionAkrion
9,51011224
9,51011224
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is notfound
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
add a comment |
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is notfound
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
– Mike Victoria
Nov 21 '18 at 1:37
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is not
found
– Akrion
Nov 21 '18 at 1:39
Well you only provided that in your question :). To fix that error you need to post a lot more code to see why that function is not
found
– Akrion
Nov 21 '18 at 1:39
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
I edited my question :) I'm sure my leads is an array :)
– Mike Victoria
Nov 21 '18 at 1:50
add a comment |
As seen by your comment on Akrion's answer, I'm guessing you haven't defined the renderTest
function inside the component. Another possibility is that you are using a stateless component in which case you cannot access this
add a comment |
As seen by your comment on Akrion's answer, I'm guessing you haven't defined the renderTest
function inside the component. Another possibility is that you are using a stateless component in which case you cannot access this
add a comment |
As seen by your comment on Akrion's answer, I'm guessing you haven't defined the renderTest
function inside the component. Another possibility is that you are using a stateless component in which case you cannot access this
As seen by your comment on Akrion's answer, I'm guessing you haven't defined the renderTest
function inside the component. Another possibility is that you are using a stateless component in which case you cannot access this
answered Nov 21 '18 at 6:41
Miyuru SagarageMiyuru Sagarage
1,000812
1,000812
add a comment |
add a comment |
I'm just not sure you can define a FlatList like that one. I mean, I think you're missing the return
of the function and you have to pass the property data
to FlatList
this way:
renderTest = () => {
return (
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
data={this.state.leads}
renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
/>
)
}
Let me know if this can solve your issue :)
add a comment |
I'm just not sure you can define a FlatList like that one. I mean, I think you're missing the return
of the function and you have to pass the property data
to FlatList
this way:
renderTest = () => {
return (
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
data={this.state.leads}
renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
/>
)
}
Let me know if this can solve your issue :)
add a comment |
I'm just not sure you can define a FlatList like that one. I mean, I think you're missing the return
of the function and you have to pass the property data
to FlatList
this way:
renderTest = () => {
return (
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
data={this.state.leads}
renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
/>
)
}
Let me know if this can solve your issue :)
I'm just not sure you can define a FlatList like that one. I mean, I think you're missing the return
of the function and you have to pass the property data
to FlatList
this way:
renderTest = () => {
return (
<FlatList
onEndReached={0}
onEndReached={() => this.handleEnd()}
data={this.state.leads}
renderItem={(lead, index) => <Text key={index}>{lead.full_name}</Text>}
/>
)
}
Let me know if this can solve your issue :)
answered Nov 21 '18 at 18:29
MiloreMilore
8531513
8531513
add a comment |
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%2f53403969%2freact-native-lodash-map%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