Javascript 使用onClick和update同时反应JS组件
我刚刚启动了Reactjs,我有一个带有父div的show/hide组件,单击该组件时会显示她的子对象(一个文本框),它可以工作,但问题是我希望在输入子对象(文本框)时更改父div。你能帮我吗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
"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})代码>使用该功能我应该更改什么,先生?