- 博客(6)
- 收藏
- 关注
RSS订阅原创 jsx 语法中使用 if else
在react中用jsx渲染dom的时候经常会遇到if条件判断，然而在jsx中竟是不允许if条件判断的。以下有几种判断方式，可以根据自己的应用场景，挑选适合的 方案一：class HelloMessage extends React.Component { render (){ let userMessage; if (this.props.loggedIn) { ...
2018-04-09 21:52:03
16363
原创 密码强度 弱 中 强 正则表达式判断
今天看了下项目中的注册页源码，顺带着看了下判断密码强度的正则表达式，写的很好，最起码比我写的好，所以记录下来留着以后参考 代码如下var strongRegex = new RegExp("^(?=.{8,})(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])(?=.*\\W).*$", "g") //强var mediumRegex = new RegExp("^(?=.{7
2018-04-18 16:11:49
7689
1
原创 React 中组件间通信的几种方式
在使用 React 的过程中，不可避免的需要组件间进行消息传递（通信），组件间通信大体有下面几种情况：1 父组件向子组件通信 2 子组件向父组件通信父组件向子组件通信 这是最简单也是最常用的一种通信方式：父组件通过向子组件传递 props，子组件得到 props 后进行相应的处理。 下面是演示代码：父组件 App.js：import React,{ Component } from "reac
2018-04-17 20:33:29
987
原创 localStorage 如何存储JSON数据并读取JSON数据
localStorage是HTML5提供的再客户端实现本地存储的一种方法，但是localStorage方法只能存储字符串数据，有时候我们需要存储对象到本地比如：JSON；那么，localStorage怎么才能实现JSON数据的存储与读取呢？思路：既然localStorage只能存储字符串数据，那么我们就可以先把JSON对象转换成字符串，然后用localStorage方法存储起来；等到需要用到这些JS
2018-04-15 14:35:53
1581
原创 componentWillMount 和 componentDidMount的区别
1、componentWillMount 将要装载，在render之前调用； componentDidMount，（装载完成），在render之后调用2、componentWillMount 每一个组件render之前立即调用； componentDidMount render之后并不会立即调用，而是所有的子组件都render完之后才可以调用3、componentWillMount
2018-04-09 21:56:51
2333
原创 react jsx 中的map 循环嵌套
jsx 中map 用的非常多，嵌套用到的也会很多！废话不多说，直接上代码var btnType=Object.keys(obj).map((key,i)=>{ var item=obj[key].map((s,index)=>{ return ( <button className={styles.btnType} key={index}>{obj[k
2018-04-09 21:53:48
7207
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人