我正在嘗試通過映射數組來動態創建和更改組件的值。最初一切正常（當我通過默認值映射時），直到我到達應該設置屬性的 setPadding 函數。然后我的數組被更改為對象，使第二個映射拋出錯誤 - react-dom.min.js?ver=16.9.0:103 TypeError: attributes.padding.map is not a function。這是代碼：屬性：padding: {    type: 'array',    default: [        {   name: 'top',            image: `${ url }images/padding-top.svg`,            v: 10,        },        {            name: 'bottom',            image: `${ url }images/padding-bottom.svg`,            v: 10,        },    ],},組件渲染（注意attribiutes.padding被映射 - 這適用于默認值）：<PanelBody    title="Test"    initialOpen={ true }>    { attributes.padding.map( ( attr ) => (    <div className="component-row-wrapper margin-padding">        <PanelRow>            <RangeControl                label={                    <img src={ attr.image } alt="" />                }                value={ attr.v }                onChange={ ( value ) => setPadding( attr.name, value ) }                min={ 0 }                max={ 300 }            />        </PanelRow>    </div>    ), ) }</PanelBody>最后是setPadding函數（console.log在函數本身之前——它被放置在edit( props )組件渲染和組件渲染之間）：console.log( attributes.padding ); // initially it works fine, after setPadding it logs object instead of array.const setPadding = ( name, value ) => {    const paddingAttr = attributes.padding;    {paddingAttr.map( r => {        if ( name === r.name ) {            r.v = value;        }    } );}    console.log( paddingAttr ); // works fine, being displayed as array every time!    props.setAttributes( {        padding: { paddingAttr }, // saves 'padding' attribute as object 'paddingAttr: Array(2)...' instead of array ??    } );};我在這里做錯了什么？非常感謝你！