React-Router "withRouter"コンポーネントでES6 extend
機能を使用する方法はありますか?React-Router HOC/withRouterのES6構文はありますか?
import { withRouter } from 'react-router';
export default class extends withRouter {
...
//Use react router history prop to navigate back a page.
handleSomeEvent() {
this.props.router.goBack();
}
...
}
または私は昔の構図パターンを使用して立ち往生しています。このような
何か?
var MyComponent = React.createClass({
...
});
export default withRouter(MyComponent);
です。名前付きクラスと一緒にコンポジションを使うことは考えていませんでした。私は 'class MyComponent extends withRouter'を望んでいましたが、これは今のところできると思います。 –
それは狂って見えるかもしれませんが、正常に動作します。私はreduxと "許可コントローラ"高次コンポーネントとの組み合わせでも使用します。 'export default connect(mapStateToProps、{fetchCampaigns})(AuthorizedComponent(Campaigns));' –
@MarekJalovecコメント内のあなたの例では、あなたは屋根裏に置いてくれますか?それはありますか? 'export default connect(mapStateToProps、{fetchCampaigns})(AuthorizedComponent(withRouter(Campaigns))); –