【react】在react中祖父、父亲、孙子组件层层解构其余属性props时报错children.forEach is not function

起因

报错children.forEacht is not function

分析原因

由于地址组件本身存在options,此时父组件又传递…otherProps,且解构了父级组件的otherProps,其中others解构后的属性就有options,因此产生了属性冲突,导致属性options被覆盖。

示例代码

optionsProps中,包含了另外一个options,替换了options={area},导致报错(因为Cascader的options属性是接收数组类型的数据的,传进来的新options是对象类型):

// 这边是孙子组件
          <Cascader
            showSearch={showSearch}
            changeOnSelect={changeOnSelect}
            options={area} // 这个属性将被覆盖
            value={initialValue}
            onChange={handleChanged}
            {...optionsProps}
          />

解决办法

重命名该属性

你可能感兴趣的:(react.js,前端,前端框架)