反应：你如何分配对象道具的默认属性？

Question

例如，子组件通过position={{x: 50}}。如何在子组件内重新分配this.props.position等于{{x: 50, y: 0}}

Answer 1

看起来您正在使用React;如果您还使用ES2016你就可以使用Object.assign：

var initial = {x: 0, y: 0}; 
var passed = {x: 50}; 

var result = Object.assign({}, initial, passed); 

console.log(result); // { x: 50, y: 0 } 

Answer 2

如果你只是做了this.props.position你不能依赖于默认道具的工作，因为默认情况下不会道具检查特定的属性失踪该对象，但会检查是否存在道具。

最简单的方法是将有两个支柱：位X &位置▲

然后在你的孩子组件，您可以同时设置默认的道具，所以如果一个被传入，而不是其他，你可以回退到默认为另一个。

getDefaultProps: function() { 
    return { 
    positionX: 50, 
    positionY: 0 
    }; 
}, 

另一种选择是，以检查是否存在它的地方被在子组件中使用，并在使用同时具有Y和X值的新对象点进行操作。

例如使用对象解构：

var {x, y=50} = this.props.position

如果预计X可能是不确定的为y，然后你也可以给X的缺省值进行传递。如果this.props.position上存在x或y，那么它将覆盖默认设置