散布時在立即創建的對象上分配對象

Question

我有點厭倦了這樣傳遞反應道具

<Comp one={one} two={two} three={three} />

所以我開始做

<Comp {...{one, two, three}} />

但是我意識到這可以計算為對象關聯

react.createElement(Comp , Object.assign({
    one: one,
    two: two
  }, {
    __source: {
      fileName: _jsxFileName,
      lineNumber: 95
    },

由於我正在散布一個我剛剛創建的對象，所以我希望編譯器/編譯器足夠聰明，可以意識到這一點，並執行類似的操作

react.createElement(Comp ,{
    one: one,
    two: two,
    __source: {
      fileName: _jsxFileName,
      lineNumber: 95
    },

是否有任何Babel插件可以完成此任務，或以這種方式進行編譯的任何方式？

問候

Answer 1

您使用的Babel版本和設置非常重要。

使用最新的代碼，我得到了以下代碼：

return (<Child {...{ name: this.name }} />);

變成了這樣：

return Object(m.a)(t, e), Object(c.a)(t, [{
    key: "render",
    value: function() {
        return o.a.createElement(k, {
            name: this.name
        })
    }
}])