时间戳

首页 > 解决方案 > 将 Handlebars 转换为 React 映射语法

javascript - 将 Handlebars 转换为 React 映射语法

问题描述

在以下行出现错误：

data.Values.Volumes.map((volumes, index) => (

语法错误 意外令牌，预期 ,

如果我删除了两个data.Values映射之一，则此代码有效，因此我认为我映射不正确，即。React 不喜欢我data.Values连续映射两次。有任何想法吗？

<tr>
   <th className="hide">Date</th>
       {props.data.map((data, index) => (
          atIndex(index, 0) ? 
          data.Values.Prices.map(prices => (
               <th className="tableBorder"> {prices.name} </th>
          ))
          data.Values.Volumes.map((volumes, index) => (
               atIndex(index, 0) ?
               <th className="tableBorder" style={{ borderLeft:"2px solid #ffffff" }}> {volumes.name} </th>
                :
               <th className="tableBorder"> {volumes.name} </th>
           ))
                : null
           ))
         }
</tr>

标签： javascriptreactjshandlebars.jsmarionettejsx

解决方案

您正在尝试在三元运算符中创建两个语句 - 它与使用 . 的两个实例无关data.Values.Volumes.map。

考虑将其重写为 if/else 语句。

推荐阅读