Warning: file_get_contents(/data/phpspider/zhask/data//catemap/3/reactjs/24.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 使用onClick和update同时反应JS组件_Javascript_Reactjs_React Jsx - Fatal编程技术网

Javascript 使用onClick和update同时反应JS组件

Javascript 使用onClick和update同时反应JS组件,javascript,reactjs,react-jsx,Javascript,Reactjs,React Jsx,我刚刚启动了Reactjs,我有一个带有父div的show/hide组件,单击该组件时会显示她的子对象(一个文本框),它可以工作,但问题是我希望在输入子对象(文本框)时更改父div。你能帮我吗 "use strict"; var Child = React.createClass({ displayName: "Child", getInitialState: function getInitialState() { return { txt: "" }; }, updateTxt: fu

我刚刚启动了Reactjs,我有一个带有父div的show/hide组件,单击该组件时会显示她的子对象(一个文本框),它可以工作,但问题是我希望在输入子对象(文本框)时更改父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')
));

您缺少值属性

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

您需要在
updateText
函数中获取输入的
值:
this.setState({txt:e.target.value})使用该功能我应该更改什么,先生?