随笔分类 - react
摘要：1.改变react页面上方标题与图标 1)修改图标： 1.打开打包后的build文件夹的index.html 2.对<link rel="shortcut icon" href="/favicon.ico"/>进行修改 3.图标尺寸大小最好为32 2)修改标题： 修改index.html中的<tit
阅读全文
摘要：https://blog.csdn.net/qq_35443997/article/details/99708203
阅读全文
摘要：validator 这个验证在if-else里，每个判断情况都要加callback，不然会导致所有rule验证失效，页面上没填都不提示。 比如这样：
阅读全文
摘要：总结:在react中浏览器只会在第一次初始化dom树时将默认的用户名和密码渲染上(只有当页面中存在密码框时才会进行,所以react有如下解决方法) 当 input 的 type="password" 时，chrome浏览器会以 type="password" 为标识记住输入的用户名和密码， 如果ch
阅读全文
摘要：https://www.jianshu.com/p/82d829df2545
阅读全文
摘要：1.在父组件中绑定state值,传给子组件, 2.当父组件点击事件时,改变state值 3.子组件用componentWillReceiveProps()接收变化的props, 4.子组件执行父组件的回调函数进行接收值
阅读全文
摘要：class Counter extends React.Component{ constructor(props,context) { super(props,context) this.state={ hou:0, second:0, minutes:0, strikes:0, } this.ti
阅读全文
摘要：1.直接在子组件中使用(不推荐) class child extends component{ render( <div>{this.props.value}</div> ) } 2.自己在构造函数中初始化一个值，在将 status 通过 componentWillReceiveProps 生命周期
阅读全文
摘要：1. params 传值:该方式传递参数只能通过字符串的方式传递，如果要传递一个对象，需要先将这个对象转化成字符串(JSON.stringify(obj)),接收参数的时候要用this.props.params.xxx，接收参数的时候也可以转成对象使用JSON.parse(string) route
阅读全文
摘要：.1.前端页面的权限控制有基于角色和基于页面pageCode
阅读全文
摘要：1.antd:是基于Ant Design设计体系的UI组件库:0 1)antd环境的配置: 先安装:npm i antd -S,然后在安装react-app-rewired customize-cra babel-plugin-import,然后在根目录下新建config-overrides.js,
阅读全文
摘要：1.redux-thunk:这个是为了配合react-reducer中的dispatch方法的异步操作 即在createStore()的第二个参数中传入applyMiddleware(thunk) 异步action, 使用redux-thunk 之后，就可以在actionCreator里return
阅读全文
摘要：13 1.纯函数的概念:Redux中的纯函数表示只要传入参数相同，返回计算得到的下一个 state 就一定相同。没有特殊情况、没有副作用，没有 API 请求、没有变量修改，单纯执行计算。 1)不能有副作用(不能对根数据就行改变) 2)什么样的输入就会有什么样的输出 2.Reducer中的概念分析:
阅读全文
摘要：1.react-hooks:主要是为了函数组件中状态值的提供:(这样子代码比类组件更简洁) 1)useState:类似于类组件中的state, fx：const [value,setValue()] = useState(0) 这方法传的参数是默认值 返回值为数组,第一个值为state,第二个相当于
阅读全文
摘要：1.react中的事件中绑定方式: 1)使用箭头函数即匿名函数进行绑定(缺点是,页面每渲染次,就生成一次匿名函数) 2)使用普通函数进行绑定(缺点:函数内部this指向不一致,需要使用bind函数进行绑定this,但同样造成渲染一次就bind一次,优点,bind函数可以传参) 3)使用普通函数绑定且
阅读全文
摘要：1.js定义变量的方式const,var,let的区别 1)const:定义的变量不能变再次赋值,但数组可以添加,对象能改变对应的属性值,但不能替换对象,而且必须要进行初始化 2)var:定义的变量可以修改,也可以不初始化,默认输出undefined 3)let:let是块级作用域,函数内部使用le
阅读全文
摘要：1.react中css样式的使用方式 1)jsx内嵌样式(这第一个大括号表示要在jsx中写js,第二个表示js对象) <li style = {{color : '#FF0'}}>jsx内嵌样式</li> 2)使用className在通过css文件控制样式 <li className = 'Red'
阅读全文
