如何覆盖组件的道具？

如何解决如何覆盖组件的道具？

我无法覆盖 MediaPlaceholder 组件的道具。作为测试，我只是尝试将 disableMediaButtons 属性设置为 true，但它的值不会改变，也没有错误消息。

这是我试过的代码：

const MyMediaPlaceholder = createHigherOrderComponent( (MediaPlaceholder) => {
    return (props) => {
        props.disableMediaButtons = true;
        console.log(props);
        return wp.element.createElement(
            MediaPlaceholder,props,);
    };
},'MyMediaPlaceholder' );

addFilter(
    'editor.MediaPlaceholder','my/MediaPlaceholder',MyMediaPlaceholder
);

解决方法

我已经找到了覆盖道具的方法，所以我来分享一下。 props 不能直接覆盖，所以我用 Object.assign() 来做。

以下行：

props.disableMediaButtons = true;

应该是：

props = Object.assign({},props,{ disableMediaButtons: true });