React.js：傳遞嵌套道具成React.createElement

Question

我具有形式

props = { user: {userattr1: 1, userattr2: 2}}; 
var element = React.createElement(MyReactClass, props); 

即其中道具是嵌套對象的代碼。當我嘗試編譯上面的代碼時，出現以下錯誤：

警告：在作爲子對象傳遞之前，任何使用鍵控對象都應該包裝在React.addons.createFragment（object）中。

我一直在網上看，似乎嵌套的對象完全是作爲道具允許的。我該如何解決我的錯誤？

編輯：MyReactClass看起來是這樣的：

var MyReactClass = React.createClass({ 
    render: function() { 
    <div>{this.props.user}</div> 
    } 
}) 

Answer 1

我不認爲這個問題，你有是關係到一個嵌套的對象當道具。這是一個例子：

var Hello = React.createClass({ 
    render: function() { 
     return <div>Hello {this.props.user.name}</div>; 
    } 
}); 

var props = { user: {name: "World"}}; 
React.render(React.createElement(Hello, props), document.getElementById('container')); 

https://jsfiddle.net/urjmndzk

更可能的是，你的問題是關係到你如何設置子組件的鑰匙。但是，如果沒有看到整個代碼就很難說清楚。

這是一個鏈接到creeateFragment函數，它可能會幫助你。 https://facebook.github.io/react/docs/create-fragment.html