react-app类似vue中过滤器filter的写法

  • Post author:
  • Post category:vue


方便你复制~~~~

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



版权声明:本文为qq_43258252原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。