我是新来的反应,并想知道是否有一种方法来改变渲染方法中的每一秒一个html行,例如,而不是重新渲染整个组件?有没有办法改变html行而不是重新渲染整个组件?
我必须让其中显示的时间状态栏,所以日期必须每一秒进行更新。是否有可能只改变Menubar时间格?
componentDidMount: function() {
const self = this;
self.interval = setInterval(function() {
self.setState({
now: new Date(),
});
}, 1000);
},
componentWillUnmount: function() {
clearInterval(this.interval);
},
render() {
return (
<div className="Menubar">
<div className="Menubar-name">
<p>{this.state.login}</p>
</div>
<div className="Menubar-date">
<p><Time value={this.state.now} format="DD/MM/YYYY" /></p>
</div>
<div className="Menubar-time">
<p><Time value={this.state.now} format="HH:mm:ss" /></p>
</div>
</div>
);
},
谢谢你的回答。
如何将应该经常更改为更小组件的html的部分包装? – wolendranh
我个人并不担心 - 这对我来说似乎是一种不必要的“优化”。 –
@wolendrahn:难道这不是一回事吗?可能是一个好主意寿。 :) –