javascript - react 路由器升级与路由器冲突

Question

我看过升级指南here如何使用 withRouter 但是我在我的项目中实现它时遇到了问题。我的 connect 有问题。当我在 withRouter 之上建立我的 connect 时，router 存在于 props 而不是我的状态，并且当我有 connect在 withRouter 下面，状态存在但不存在路由器。

这是我的代码:

import React from 'react';

import { withRouter } from 'react-router';
import moment from 'moment';
import { connect } from 'react-redux';

export default class ThisComponent extends React.Component {
  render() {
    console.log(this.props)
    return ...
  }
});

export default connect(state => ({ oneState: state.oneState, twoState: state.twoState }))(ThisComponent)
export default withRouter(ThisComponent)

Answer 1

当你应该每个文件只有一个时，你有 3 个“默认导出”。

你的组件应该是这样的

import React from 'react';

import { withRouter } from 'react-router';
import moment from 'moment';
import { connect } from 'react-redux';

class ThisComponent extends React.Component {
  render() {
    console.log(this.props)
    return ...
  }
});

ThisComponent = connect(state => ({ oneState: state.oneState, twoState: state.twoState }))(ThisComponent)
export default withRouter(ThisComponent)