react中使用过滤器
其实react中没有类似vue的filter直接插进去使用的过滤器所以我们如果想要使用的话,得自己写一个函数替代。。1.class中使用例子:首先:<span className="join-people">{this.countFormat(item.count)}</span>其次过滤函数写法:countFormat = item => {let countif
·
其实react中没有类似vue的filter直接插进去使用的过滤器
所以我们如果想要使用的话,得自己写一个函数替代。。
1.class中使用例子:
首先:
<span className="join-people">{this.countFormat(item.count)}</span>
其次过滤函数写法:
countFormat = item => {
let count
if (typeof (item) === 'number') { // typeof返回字符串
count = item + '参与'
} else {
count = item
}
return count
}
我的这个需求是判断如果是number,就在后面拼接个参与
两个汉字,如果是string,就保留原来不改变。
注:typeof判断数据类型返回字符串,所以这里要判断为"number"
2.函数组件中使用例子:
首先:
<span className="join-people">{countFormat(item.count)}</span>
其次过滤器中代码:
const countFormat = item => {
let count
if (typeof (item) === 'number') { // typeof返回字符串
count = item + '参与'
} else {
count = item
}
return count
}
两者的差别也就只在this指向上面的问题,其他方面的写法其实是一致的
更多推荐
已为社区贡献7条内容
所有评论(0)