मेरे पास एक समस्या है, जिसका मुझे कोई उपाय नहीं है, कैसे हल करना है। मेरे प्रतिक्रिया घटक में मैं डेटा की एक लंबी सूची और नीचे कुछ लिंक प्रदर्शित करता हूं। इस लिंक में से किसी पर क्लिक करने के बाद, मैं लिंक के नए संग्रह के साथ सूची को भरता हूं और शीर्ष पर स्क्रॉल करने की आवश्यकता होती है।
समस्या यह है - नया संग्रह प्रस्तुत करने के बाद शीर्ष पर कैसे स्क्रॉल करें ?
'use strict';
// url of this component is #/:checklistId/:sectionId
var React = require('react'),
Router = require('react-router'),
sectionStore = require('./../stores/checklist-section-store');
function updateStateFromProps() {
var self = this;
sectionStore.getChecklistSectionContent({
checklistId: this.getParams().checklistId,
sectionId: this.getParams().sectionId
}).then(function (section) {
self.setState({
section,
componentReady: true
});
});
this.setState({componentReady: false});
}
var Checklist = React.createClass({
mixins: [Router.State],
componentWillMount: function () {
updateStateFromProps.call(this);
},
componentWillReceiveProps(){
updateStateFromProps.call(this);
},
render: function () {
if (this.state.componentReady) {
return(
<section className='checklist-section'>
<header className='section-header'>{ this.state.section.name } </header>
<Steps steps={ this.state.section.steps }/>
<a href=`#/${this.getParams().checklistId}/${this.state.section.nextSection.Id}`>
Next Section
</a>
</section>
);
} else {...}
}
});
module.exports = Checklist;