Question

我刚开始使用Reactjs，我有这个显示/隐藏组件的父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 })
  );
 }
})

Reactjs组件与onClick和同时更新

1 个答案: