react-app类似vue中过滤器filter的写法
方便你复制~~~~ import React, { Component } from 'react'class friend extends Component {constructor(props) {super(props)this.state = {name: '诸葛亮'}}componentWillMount(...
·
方便你复制~~~~
import React, { Component } from 'react'
class friend extends Component {
constructor(props) {
super(props)
this.state = {
name: '诸葛亮'
}
}
componentWillMount() {
let str = '123456'
let data = this.$md5(str)
console.log(data) // e10adc3949ba59abbe56e057f20f883e
}
render() {
// 过滤器函数
// 姓名脱敏(小明 转换成 *明 李小明 转换成 李*明 欧阳小明 转换成 欧**明)
const nameHide = name => {
if (name.length === 2) {
return new Array(name.length).join('*') + name.substr(-1)
} else {
return (
name.substr(0, 1) +
new Array(name.length - 1).join('*') +
name.substr(-1)
)
}
}
return (
<div className="friend">
friend朋友
<br></br>
{/* 过滤器函数的用法 */}
{nameHide(this.state.name)}
</div>
)
}
}
export default friend
更多推荐
已为社区贡献11条内容
所有评论(0)