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

孙子组件层层解构其余属性props时报错children.forEacht is not function"/>

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

起因

报错children.forEacht is not function

分析原因

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

示例代码

optionsProps中，包含了另外一个options，替换了options={area}，导致报错：

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

解决办法

重命名该属性