Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/450.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript reactJS-函数内部映射时的意外标记_Javascript_Reactjs_Syntax Error - Fatal编程技术网

Javascript reactJS-函数内部映射时的意外标记

Javascript reactJS-函数内部映射时的意外标记,javascript,reactjs,syntax-error,Javascript,Reactjs,Syntax Error,每当我在函数内部映射以调用数组中的数据时,就会出现错误。你可以在下面看到我的代码 onAddOrder = () => { var newOrders = this.state.orders; newOrders.push({ parts: [], prints: {_.map(this.state.selectedOrder.prints, (print) => { return {

每当我在函数内部映射以调用数组中的数据时,就会出现错误。你可以在下面看到我的代码

onAddOrder = () => {
      var newOrders = this.state.orders;
      newOrders.push({
        parts: [],
        prints: {_.map(this.state.selectedOrder.prints, (print) => {
            return {
              name: {print.printMethod},
              width: {print.width},
              height: {print.height},
              colors: {print.colors}
            };
          })},
        breakdown: [{
          size: '',
          quantity: 0
        }]
      });

      this.setState({ 
        orders: newOrders 
      });
    }
这是我的错误

Module build failed: SyntaxError: /Users/dczii/Projects/dashboard/src/components/OrderForm/OrderForm.js: Unexpected token (156:18) <br />
  154 |         },<br />
  155 |         parts: [], 
> 156 |         prints: {_.map(this.state.selectedOrder.prints, (print) => {
      |                   ^
  157 |             return {
  158 |               name: {print.printMethod},
  159 |               width: {print.width},
模块构建失败:语法错误:/Users/dczii/Projects/dashboard/src/components/OrderForm/OrderForm.js:意外令牌(156:18)
154 |},
155 |部分:[], >156 | prints:{}.map(this.state.selectedOrder.prints,(print)=>{ | ^ 157 |返回{ 158 |名称:{print.printMethod}, 159 |宽度:{print.width},
如果
打印
是一个函数,那么您只是缺少一些语法:

prints: () => {_.map(this.state.selectedOrder.prints, (print) => {
            return {
              name: {print.printMethod},
              width: {print.width},
              height: {print.height},
              colors: {print.colors}
            };
          })},

目前看来,
prints
是一个对象,很明显,点在对象文本的键侧无效(
{.

如果
prints
是一个函数,那么您只是缺少一些语法:

prints: () => {_.map(this.state.selectedOrder.prints, (print) => {
            return {
              name: {print.printMethod},
              width: {print.width},
              height: {print.height},
              colors: {print.colors}
            };
          })},

目前看来,
prints
是一个对象,显然点在对象文本的键端无效(
{.

您可能混淆了JSX表达式块
{}
。它用于JSX标记之间(如

您可能混淆了JSX表达式块
{})
。它用于JSX标记之间(如

实际上,prints是一个包含数据数组的对象实际上prints是一个包含数据数组的对象