Reactjs组件与onClick同时更新

Reactjs component with onClick and with update at the same time

本文关键字：更新 onClick 组件 Reactjs      更新时间：2023-12-18

我刚启动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')
));

您缺少value属性。

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