ReactJS 的5种路由模式 及 JS判断输入框值是否为空

Posted 2021-04-25 前端小小鸟

我们一直在使用的路由方式是BrowserRouter，也就是浏览器的路由方式，其实React还有几种路由方式：

1、BrowserRouter：浏览器的路由方式，也就是在开发中最常使用的路由方式

2、HashRouter：在路径前加入#号成为一个哈希值，Hash模式的好处是，再也不会因为我们刷新而找不到我们的对应路径

4、NativeRouter：经常配合ReactNative使用，多用于移动端

5、StaticRouter：设置静态路由，需要和后台服务器配合设置，比如设置服务端渲染时使用

JS判断输入框值是否为空

this.program = this.program.replace(/(^\s*)|(\s*$)/g, ''); //去除空格;console.log('此刻的方案：',this.program)if (this.program == '' || this.program == undefined || this.program == null) { this.$message.error('不能输入为空、空格');} ok已经替代了我之前的简单判空的方法：// if(!this.program) { //this.$message.error('请填写方案名称');// };

let star = this.state.contentxiao.replace(/(^\s*)|(\s*$)/g, ""); if (star === "" || star === undefined || star === null) { // 清空输入框的值 this.setState({ contentxiao: "", }); return; }