import React from 'react';
import ReactDOM from 'react-dom';
import 'bootstrap/dist/css/bootstrap.css';
import PropTypes from 'prop-types';
class Temp extends React.Component {
constructor() {
super();
this.state = {
text: '等待'
}
}
componentDidMount() {
setTimeout(() => {
this.setState({text: '哈哈哈哈'})
}, 1000)
}
render() {
let {text} = this.state;
return <section className="panel panel-default">
<div className="panel-heading">
<input type="text" className="form-control" value={text} onChange={(ev) => {
this.setState({text:ev.target.value})
}}/>
</div>
<div className='panel-body'>{text}</div>
</section>
}
}
let root = document.getElementById("root")
ReactDOM.render(<Temp></Temp>, root)
React数据双向绑定
最新推荐文章于 2024-03-01 17:59:49 发布