反應：你如何分配對象道具的默認屬性？

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，那麼它將覆蓋默認設置