小编Kar*_*oth的帖子

在同一路线中导航时提示

对于页面具有内部路由的用例,即使导航到可能不需要提示的内部路由,提示也会触发,请参见代码示例。导航到已知的安全路线时,是否可以禁用提示?

import React, {Component} from 'react';
import {BrowserRouter, Route, Switch, Link, Prompt} from 'react-router-dom';

export default class App extends Component {
  render() {
    return (
      <BrowserRouter>
        <Switch>
          <Route component={About} path={"/about"}/>
          <Route component={Home} path={"/"}/>
        </Switch>
      </BrowserRouter>
    );
  }
}

class Home extends Component {
  constructor(props) {
    super(props);
    this.state = {input: 'hello?'}
  }

  render() {
    return (
      <div>
        <h1>Home</h1>
        <input value={this.state.input} 
          onChange={(e) => this.setState({input: e.target.value})}/><br />
        <Link to={"/info"}>More Info</Link><br />
        <Link to={"/about"}>About Page</Link><br />

        {/*Triggers even when going to /info which is …
Run Code Online (Sandbox Code Playgroud)

reactjs react-router react-router-v4

6
推荐指数
1
解决办法
2520
查看次数

标签 统计

react-router ×1

react-router-v4 ×1

reactjs ×1