तीर फ़ंक्शन

Question

सब कुछ ठीक काम करता है, लेकिन मेरे पास यह चेतावनी Expected to return a value at the end of arrow function array-callback-return है, मैं forEach के बजाय का उपयोग करने का प्रयास करता हूं, लेकिन फिर <CommentItem /> भी प्रदर्शित नहीं होता है। इसे कैसे ठीक करें?

return this.props.comments.map((comment) => { 
 
    
 
     if (comment.hasComments === true) { 
 
     
 
     return (
 
      <div key={comment.id}> 
 
      
 
      <CommentItem className="MainComment"/> 
 

 
       {this.props.comments.map(commentReply => { 
 
       
 
       if (commentReply.replyTo === comment.id) { 
 
        return (
 
        <CommentItem className="SubComment"/> 
 
       ) // returnt 
 
       } // if-statement 
 
       }) // map-function 
 
       } // map-function __begin 
 
      
 
      </div> // comment.id 
 
      
 
     ) // return

Answer 1

चेतावनी संकेत देता है कि आप हर मामले में अपने नक्शे तीर समारोह के अंत में कुछ नहीं लौटा रही हैं।

क्या आप, पूरा करने के लिए पहली बार एक .filter और फिर एक .map उपयोग कर रहा है कोशिश कर रहे हैं इस तरह के एक बेहतर दृष्टिकोण:

this.props.comments 
    .filter(commentReply => commentReply.replyTo === comment.id) 
    .map((commentReply, idx) => <CommentItem key={idx} className="SubComment"/>); 

Answer 2

समस्या हो कि आप घटना में कुछ वापस नहीं कर रहे हैं लगता है कि आपका पहला if -केस गलत है।

आपको जो त्रुटि मिल रही है वह बताती है कि आपका तीर फ़ंक्शन (comment) => { में कोई वापसी विवरण नहीं है। हालांकि यह आपके if -केस के लिए करता है, यह गलत होने पर कुछ भी वापस नहीं करता है।

return this.props.comments.map((comment) => { 
    if (comment.hasComments === true) { 
    return (
     <div key={comment.id}> 
     <CommentItem className="MainComment" /> 
     {this.props.comments.map(commentReply => { 
      if (commentReply.replyTo === comment.id) { 
      return (
       <CommentItem className="SubComment"/> 
      ) 
      } 
     }) 
     } 
     </div> 
    ) 
    } else { 
    //return something here. 
    } 
}); 

---

संपादित आप कैसे बेहतर लागू करने के लिए आपको बस इतना करना कोशिश कर रहे हैं के लिए क्रिस 'जवाब पर एक नज़र रखना चाहिए।

Answer 3

ए map() एक सरणी बनाता है, इसलिए return सभी कोड पथ (यदि/elses) के लिए अपेक्षित है।

यदि आप कोई सरणी नहीं चाहते हैं या डेटा वापस नहीं करना चाहते हैं, तो इसके बजाय forEach का उपयोग करें।