javascript - 在数组内传递数组

Question

我正在使用 React，这是一组缩小的默认 Prop ，我正在传递一个组件:

getDefaultProps : function () {
    return (
    {
        toolbarAttr : [
            firstToolbar : [
                {
                    ctrlId : 'ctrlNewTem',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'New Template'
                }       
            ],
            secondToolbar : [
                {
                    ctrlId : 'ctrlGrpSelect',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'Select / Group Select'
                },
                {
                    ctrlId : 'ctrlDrawShapes',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'Draw Shapes'
                }                   
            ],
            thirdToolbar : [
                {
                    ctrlId : 'ctrlZoomOut',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'Zoom Out'
                },
                {
                    ctrlId : 'ctrlPan',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'Pan'
                }                   
            ],
            fourthToolbar : [
                {
                    ctrlId : 'ctrlTemSide',
                    ctrlClass : 'ctrl',
                    ctrlDataAction : '',
                    ctrlDataTooltip : 'Front / Back Template'
                }
            ]
        ]
    });
},

简而言之，我有一个 props 对象，它有一个数组，由很多子数组组成，在子数组中，我有对象。这被报告为“语法错误”，为什么？

• “firstToolbar”数组对象报告“语法错误”。

另外，这是一个好的设计模式吗？如有建议，我们将不胜感激。

谢谢

Answer 1

firstToolBar 不能直接进入 toolbarAttr，因为 toolbarAttr 是一个数组而不是对象。

使其成为一个对象

toolbarAttr : { //replace [ with {
  ... //all the other props here
} // replace ] with }