var HelloWorld = React.createClass({
render:function () {
return (
<p>
Hello,{this.props.name?this.props.name:' World'}
<span ref="tip"></span>
</p>
);
},
});
var Test = React.createClass({
getInitialState:function () {
return {
"name":""
};
},
handleChange:function () {
if(this.refs.myInput.value=="#"){
ReactDOM.unmountComponentAtNode(document.getElementById("app"));
}else{
this.setState({
"name":this.refs.myInput.value
});
}
},
render:function () {
return(
<div>
<HelloWorld name={this.state.name}/><br/>
<input ref="myInput" type="text" onChange={this.handleChange} />
</div>
);
},
// 组件将要被销毁时
componentWillUnmount: function() {
console.log("BOOOOOOOOOOOOOOOOOM!");
},
});
ReactDOM.render(<Test />,document.getElementById("app"));
react 学习--组件的生命周期(三)销毁阶段
最新推荐文章于 2024-04-18 04:03:56 发布