আমি রিএ্যাকটিজেএস এবং প্রতিক্রিয়া-রাউটারে নতুন। আমার কাছে এমন একটি উপাদান রয়েছে যা প্রোপসের মাধ্যমে রিঅ্যাক্ট -রাউটার<Link/> থেকে কোনও বস্তু গ্রহণ করে । যখনই ব্যবহারকারী এই উপাদানটির ভিতরে একটি 'পরবর্তী' বোতামে ক্লিক করেন আমি নিজেই বস্তুটি আহ্বান করতে চাই ।<Link/>
এখনই, আমি ব্যাকিং ইনস্ট্যান্স অ্যাক্সেস করতে রেফ ব্যবহার করছি এবং ম্যানুয়ালি জেনারেট হওয়া 'এ' ট্যাগটিতে ক্লিক করছি ।<Link/>
প্রশ্ন: লিঙ্কটিকে ম্যানুয়ালি আহ্বান করার কোনও উপায় আছে (উদাহরণস্বরূপ this.props.next.go)?
এটি আমার কাছে বর্তমান কোড:
//in MasterPage.js
var sampleLink = <Link to="/sample">Go To Sample</Link>
<Document next={sampleLink} />
//in Document.js
...
var Document = React.createClass({
_onClickNext: function() {
var next = this.refs.next.getDOMNode();
next.querySelectorAll('a').item(0).click(); //this sounds like hack to me
},
render: function() {
return (
...
<div ref="next">{this.props.next} <img src="rightArrow.png" onClick={this._onClickNext}/></div>
...
);
}
});
...এই কোডটি আমি রাখতে চাই:
//in MasterPage.js
var sampleLink = <Link to="/sample">Go To Sample</Link>
<Document next={sampleLink} />
//in Document.js
...
var Document = React.createClass({
render: function() {
return (
...
<div onClick={this.props.next.go}>{this.props.next.label} <img src="rightArrow.png" /> </div>
...
);
}
});
...