<div className="col-md-12">
  <div className="row">
     {shopeeship.map(function (key,value) {
       if(key.enabled){
         console.log("yes");
         <div className="col-md-6">
           <div className="form-group">     
              <span className="mr-4 pr-4">
                  <IntlMessages id="shopee.poswm" />
               </span>                                                                       
               <label className="pull-right" title="">
                <Switch/>
               </label>
            </div>
           </div>
      }})}
          </div>
 </div>

मेरे पास कुछ डेटा है और कुछ यूआई प्रस्तुत करने के लिए इसके माध्यम से लूप करना चाहता हूं। उपरोक्त कोड में मैंने डेटा को लूप करने की कोशिश की और मैंने जाँच की कि यदि कुंजी सक्षम है तो html मान को प्रतिध्वनित करने के लिए। यह yes को console log में सफलतापूर्वक प्रिंट करता है लेकिन html अपेक्षा के अनुरूप प्रस्तुत नहीं करता है। किसी को भी पहले इस तरह की समस्या का सामना करना पड़ा है? कृपया मदद कीजिए।

0
catch me 31 अक्टूबर 2019, 06:37

2 जवाब

टर्नरी कंडीशन और एरो फंक्शन का उपयोग करके इस सरलीकृत समाधान का प्रयास करें।

<div className="col-md-12">
  <div className="row">
    {shopeeship.map((key,value)=> key.enabled ?
      <div className="col-md-6" key={value}>
       <div className="form-group">     
        <span className="mr-4 pr-4">
        <IntlMessages id="shopee.poswm" />
        </span>                                                                       
        <label className="pull-right" title="">
        <Switch/>
        </label>
        </div>
      </div>
    :null)}
    </div>
</div>
0
akhtarvahid 31 अक्टूबर 2019, 05:56

आपको एचटीएमएल भाग वापस करने की जरूरत है, नक्शा एक नई सरणी बनाता है और वापसी मूल्य की अपेक्षा करता है अन्यथा आपकी सरणी शून्य मानों से भर जाएगी, इसलिए आपको उक्त HTML भाग को वापस करने की आवश्यकता होगी।

0
Aashish Karki 31 अक्टूबर 2019, 05:31