javascript - ReactJs 循环内数据为空

Question

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

我有一些数据，想要循环遍历它以呈现一些 UI。在上面的代码中，我尝试循环数据，并检查是否启用了该键，然后回显 html 值。它成功在控制台日志中打印yes，但 html 未按预期呈现。以前有人遇到过这样的问题吗？请帮忙。

Answer 1

这是因为你忘记从循环中返回 html

这样做

<div className="col-md-12">
  <div className="row">
     {shopeeship.map(function (key,value) {
       if(key.enabled){
         console.log("yes");
         return(
           <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>