আমার একটি সমস্যা আছে, যার আমার কোনও ধারণা নেই, কীভাবে সমাধান করবেন। আমার প্রতিক্রিয়া উপাদানটিতে আমি ডেটার একটি দীর্ঘ তালিকা এবং নীচে কয়েকটি লিঙ্ক প্রদর্শন করি। এই লিঙ্কগুলির যে কোনওটিতে ক্লিক করার পরে আমি লিঙ্কগুলির নতুন সংগ্রহের সাথে তালিকাটি পূরণ করব এবং শীর্ষে স্ক্রোল করা দরকার।
সমস্যাটি হল - নতুন সংগ্রহটি রেন্ডার হওয়ার পরে শীর্ষে কীভাবে স্ক্রোল করবেন ?
'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;