5 篇博文含有标签「React」

import React from 'react';
import ReactDOM from 'react-dom';
import App from './App';
import {HashRouter,Route, Routes } from 'react-router-dom';
import User from './pages/User/User';
import Main from './pages/Main/Main'

ReactDOM.render(
  <React.StrictMode>
    <HashRouter>
      <Routes>
        <Route path="/" element={<App />}>
          <Route path="user" element={<User />}/>
          <Route path="*" element={<Main />}/>
        </Route>
      </Routes>
    </HashRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

官方仓库的教程只写了 <Router></Router>，虽然比#号看起来舒服，但是一跳转就闪。

使用 <HashRouter></HashRouter> 就不闪屏了。

React 事件绑定/this绑定的几种方式

2021年7月14日 · 阅读需 4 分钟

Hanasaki

神经衰弱患者

MDN中 Function.prototype.bind()

bind() 方法创建一个新的函数，在 bind() 被调用时，这个新函数的 this 被指定为 bind() 的第一个参数，而其余参数将作为新函数的参数，供调用时使用。

先引入一个例子：

const module = {
  x: 42,
  getX: function() {
    return this.x;
  }
};

let unboundGetX = module.getX;
console.log(unboundGetX()); // 该函数在全局范围内被调用
// 输出: undefined

unboundGetX = unboundGetX.bind(module);
console.log(unboundGetX());
// 输出: 42

配置​

MDN中 Function.prototype.bind()​

配置

MDN中 Function.prototype.bind()