How to use the push function from history

%E5%AE%9E%E7%8E%B0%E4%B8%80%E4%B8%AA%E5%8D%95%E9%A1%B5%E8%B7%AF%E7%94%B1.md?plain=1

GitHub: xzlgh/notebook

402
403
404
405
406
407
408
409
410
411

- Redirect 路由重定向 是通过 history.replace(props.to) 实现的

- Switch 组件 只会渲染一个Child , 值得注意的是 Redirect 作为Switch 的子Child 当 props.from 与当前location 匹配时 会触发 Redriect 组件的重定向方法

- Link 组件 是基于a标签封装的组件 ,可自定义 onClick 方法,会阻止a标签的默认行为,如果没有自定义 触发navigate 方法 也就是 history.push(props.to)

x. 首先这些api 都是组件 并且都是 extends React.Component ,说白了就是我们平时写的组件，但是是用的es5 的语法所以有点 难懂,当然源码当中，各种封装的方法也是很多，很难阅读

x. 关于 React.createElement 这个api 我介绍下

0

6

0

+ 3 other calls in file

index.js

GitHub: Archive-42/Curiosity

177
178
179
180
181
182
183
184
185
186
187
 * @param {Object} state (optional)
 * @return {Router}
 */


Router.prototype.push = function (path, state) {
  history.push(path, state);
  pop = false;
  return this;
};

0

2

1

App.jsx

GitHub: Zhao535/3cplus_oms

23
24
25
26
27
28
29
30
31
32
33
34
let saveCookie = (k, v) => KvStorage.set(k, v);
let getCookie = (k) => KvStorage.get(k);
let removeCookie = (k) => KvStorage.remove(k);


const go = function (hash) {
    hashHistory.push(hash);
};


let logout = () => {
    removeCookie('admin-token');

0

0

1

index.compiled.js

GitHub: LafyOjo/React-Flash-Cards

5026
5027
5028
5029
5030
5031
5032
5033
5034
5035
  if (name.length === 0) {
    return;
  } // dispatch your add topic action here


  history.push(_routes["default"].topicsRoute());
};

return /*#__PURE__*/_react["default"].createElement("section", null, /*#__PURE__*/_react["default"].createElement("form", {
  onSubmit: handleSubmit

0

0

0