ReactjsコンポーネントonClickと同時に更新する

Question

Reactjsを開始したばかりですが、このdivの表示/非表示のコンポーネントを親divでクリックすると子（テキストボックス）が表示されますが、問題はありません子div（テキストボックス）にタイプするときに親divが変更されます。 。 。手伝って頂けますか？

"use strict"; 

var Child = React.createClass({ 
displayName: "Child", 

getInitialState: function getInitialState() { 
return { txt: "" }; 
}, 

updateTxt: function updateTxt(e) { 
    this.setState({ txt: e.this.target }); 
}, 

render: function render() { 
    return React.createElement(
     "div", 
     null, 
     React.createElement("input", { type: "text", onChange: this.updateTxt }) 
); 
} 
}); 

var ShowHide = React.createClass({ 
    displayName: "ShowHide", 

getInitialState: function getInitialState() { 
    return { txt: "Wilbert", childVisible: false }; 
}, 

render: function render() { 
    return React.createElement(
    "div", 
    null, 
    React.createElement(
    "div", 
    {onClick: this.onClick, update:this.updateTxt}, 
    this.state.txt 
), 
    this.state.childVisible ? React.createElement(Child, null) : null 
); 
}, 

onClick: function onClick() { 
    this.setState({ childVisible: !this.state.childVisible }); 
    } 
}); 

ReactDOM.render(React.createElement(
    "div", 
    { "className": null, id: null }, 
    React.createElement(ShowHide, null)), 
    document.getElementById('content') 
)); 

Answer 1

値属性がありません。

render: function render() { 
    return React.createElement(
     "div", 
     null, 
     React.createElement("input", { type: "text",value={this.state.txt} onChange: this.updateTxt }) 
); 
} 
})