Я новичок в ReactJS и React-Router. У меня есть компонент, который получает через реквизит <Link/>
объект из реагирующего маршрутизатора. Всякий раз, когда пользователь нажимает кнопку "next" внутри этого компонента, я хочу вызвать объект <Link/>
вручную.
В настоящий момент я использую refs для доступа к экземпляру поддержки и ручному нажатию на тег 'a', который генерирует <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>
...
);
}
});
...