相关疑难解决方法(0)

检测查询参数react-router-dom v4.x中的更改并重新呈现组件

一旦我进行查询参数更改,我不确定为什么它显示默认路由.这种问题有更好的方法吗?也许我不应该使用查询参数?开放接受教育!

版本"反应":"^ 16.2.0","react-dom":"^ 16.2.0","react-router":"^ 4.2.0","react-router-dom":"^ 4.2. 2" ,


测试用例 https://codepen.io/adamchenwei/pen/YeJBxY?editors=0011

重现的步骤单击主页 - >步骤1

预期行为转到步骤1以及步骤2呈现正确的dom

实际行为为空,页面上没有任何呈现

// For this demo, we are using the UMD build of react-router-dom
const {
  BrowserRouter,
  Switch,
  Route,
  Link
} = ReactRouterDOM

const {
  Component,
} = React;

const Router = BrowserRouter;

const Step1View = () => (
  <div>
    <h1> Step 1</h1>
  </div>
)

const Step2View = () => (
  <div>
    <h1> Step 2</h1>
  </div>
)

class Home extends Component {
  constructor(props) {
    super(props);
    console.log('-!!!')
    this.state …
Run Code Online (Sandbox Code Playgroud)

javascript query-parameters reactjs react-router react-router-v4

10
推荐指数
1
解决办法
5289
查看次数