React Native: Lodash Map












0














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



enter image description here










share|improve this question





























    0














    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



    enter image description here










    share|improve this question



























      0












      0








      0







      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



      enter image description here










      share|improve this question















      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



      enter image description here







      react-native lodash






      share|improve this question















      share|improve this question













      share|improve this question




      share|improve this question








      edited Nov 21 at 1:46

























      asked Nov 21 at 1:17









      Mike Victoria

      397




      397
























          3 Answers
          3






          active

          oldest

          votes


















          0














          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.






          share|improve this answer























          • I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
            – Mike Victoria
            Nov 21 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 at 1:39










          • I edited my question :) I'm sure my leads is an array :)
            – Mike Victoria
            Nov 21 at 1:50





















          0














          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






          share|improve this answer





























            0














            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 :)






            share|improve this answer





















              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
              });


              }
              });














              draft saved

              draft discarded


















              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









              0














              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.






              share|improve this answer























              • I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
                – Mike Victoria
                Nov 21 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 at 1:39










              • I edited my question :) I'm sure my leads is an array :)
                – Mike Victoria
                Nov 21 at 1:50


















              0














              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.






              share|improve this answer























              • I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
                – Mike Victoria
                Nov 21 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 at 1:39










              • I edited my question :) I'm sure my leads is an array :)
                – Mike Victoria
                Nov 21 at 1:50
















              0












              0








              0






              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.






              share|improve this answer














              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.







              share|improve this answer














              share|improve this answer



              share|improve this answer








              edited Nov 21 at 1:52

























              answered Nov 21 at 1:32









              Akrion

              9,36211224




              9,36211224












              • I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
                – Mike Victoria
                Nov 21 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 at 1:39










              • I edited my question :) I'm sure my leads is an array :)
                – Mike Victoria
                Nov 21 at 1:50




















              • I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
                – Mike Victoria
                Nov 21 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 at 1:39










              • I edited my question :) I'm sure my leads is an array :)
                – Mike Victoria
                Nov 21 at 1:50


















              I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
              – Mike Victoria
              Nov 21 at 1:37






              I get the error TypeError: this.renderTest is not a function :( btw thanks for welcome :)
              – Mike Victoria
              Nov 21 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 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 at 1:39












              I edited my question :) I'm sure my leads is an array :)
              – Mike Victoria
              Nov 21 at 1:50






              I edited my question :) I'm sure my leads is an array :)
              – Mike Victoria
              Nov 21 at 1:50















              0














              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






              share|improve this answer


























                0














                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






                share|improve this answer
























                  0












                  0








                  0






                  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






                  share|improve this answer












                  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







                  share|improve this answer












                  share|improve this answer



                  share|improve this answer










                  answered Nov 21 at 6:41









                  Miyuru Sagarage

                  951712




                  951712























                      0














                      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 :)






                      share|improve this answer


























                        0














                        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 :)






                        share|improve this answer
























                          0












                          0








                          0






                          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 :)






                          share|improve this answer












                          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 :)







                          share|improve this answer












                          share|improve this answer



                          share|improve this answer










                          answered Nov 21 at 18:29









                          Milore

                          375212




                          375212






























                              draft saved

                              draft discarded




















































                              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.





                              Some of your past answers have not been well-received, and you're in danger of being blocked from answering.


                              Please pay close attention to the following guidance:


                              • 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.




                              draft saved


                              draft discarded














                              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





















































                              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







                              Popular posts from this blog

                              404 Error Contact Form 7 ajax form submitting

                              How to know if a Active Directory user can login interactively

                              TypeError: fit_transform() missing 1 required positional argument: 'X'