मैं ReactJS और React-Router के लिए नया हूं। मेरे पास एक घटक है जो प्रॉपर-राउटर<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>
...
);
}
});
...