React.js双向绑定:valueLink中的两级深度路径

编辑:

我意识到深度路径LinkedState非常酷,所以我尝试实现它.
代码:https
://gist.github.com/tungd/8367229用法:http://jsfiddle.net/uHm6k/3/

正如文件所述,它LinkedState是一个包装器onChange/setState,用于简单的情况.你总是可以写完全onChange/setState来实现你想要的.如果你真的想坚持下去LinkedState,你可以使用非mixin版本,例如:

getInitialState: function() {
    return { values: [
        { type: "translateX", x: 10 },
        { type: "scaleX", x: 1.2 }
    ]}
},
handleTypeChange: function(i, value) {
    this.state.values[i].type = value
    this.setState({ values: this.state.values })
},
render: function() {
    ...
    this.state.values.map(function(item, i) {
        var typeLink = {
            value: this.state.values[i].type,
            requestChange: this.handleTypeChange.bind(null, i)
        }
        return <div><input valueLink={typeLink}/></div>
    }, this)
    ...
}

这是JSFiddle的工作:http://jsfiddle.net/srbGL/