Every time you switch a route, a prompt pops up asking if you are sure and how to trigger it globally.

question:

this is a code from Ruan Yifeng"s react-router:
address: http://www.ruanyifeng.com/blo. slide to the bottom

how can I put it into the overall situation through this code? Which file should I put in?

my index.js: 

import $ from "jquery"
import React from "react"
import ReactDOM from "react-dom"
import AppRouter from "./router"
import { Provider } from "react-redux"
import LocaleProvider from "antd/lib/locale-provider"
import configureStore from "./store"
import "./assets/style/index.less"
import zhCN from "antd/lib/locale-provider/zh_CN";

const store = configureStore();


class Root extends React.Component {
  constructor(props) {
    super(props);
  }
  render() {
    return (
      <LocaleProvider locale={zhCN}>
        <Provider store={store}>
          <div>
            <AppRouter store={store} />
          </div>
        </Provider>
      </LocaleProvider>
    )
  }
}
ReactDOM.render(<Root />, document.getElementById("p_app"))

can I put it here?

React-router react.js
Jun.07,2021

of course you can put it here.

use high-level components: 

import Immutable from "immutable"
import React from "react"
import { withRouter } from "react-router"

const routerLeaveHookHoc = WrappedComponent => {
    //withRouterrouterLeaveHookHoc 
    return withRouter(
        class extends React.Component {
            componentDidMount() {
                console.log("didmount");
                this.props.router.setRouteLeaveHook(
                    this.props.route,
                    this.routeLeaveHook
                );
            }

            routeLeaveHook(a){
              //  false 
              // 
            }
            render() {
                return <WrappedComponent {...this.props}/>
            }
        }
    )
}

Previous: When using mobx, you can modify state without action,. Why is it emphasized in the tutorials?

Next: Half of the cross-source / cross-domain problems have been solved.

css mysql arrays josn react html typescript webpack npm sass R objective-c .net sql-server jquery python-3.x angularjs django angular excel regex iphone ajax linux xml pandas vba spring database wordpress string wpf xcode windows bash postgresql oracle multithreading eclipse list firebase algorithm macos forms image scala visual-studio azure bootstrap spring-boot react-native python-2.7 docker performance function winforms matlab powershell apache dataframe api sqlite numpy rest shell selenium flutter dart maven loops qt swing android-studio csv express file class tensorflow sorting codeigniter perl
© 2021 CodesHelper
Advertising Contact us About us
Menu