React是否支持Angular和Vue等管道或过滤器？

Posted 2021-03-28

我想知道我可以在React中使用pipes或filters吗？

例如这样的事情：

import { Pipe, PipeTransform } from '@angular/core';
/*
 * Raise the value exponentially
 * Takes an exponent argument that defaults to 1.
 * Usage:
 *   value | exponentialStrength:exponent
 * Example:
 *   {{ 2 | exponentialStrength:10 }}
 *   formats to: 1024
*/
@Pipe({name: 'exponentialStrength'})
export class ExponentialStrengthPipe implements PipeTransform {
  transform(value: number, exponent: string): number {
    let exp = parseFloat(exponent);
    return Math.pow(value, isNaN(exp) ? 1 : exp);
  }
}

要么

{{message |大写}}

filters: {
  capitalize: function (value) {
    if (!value) return ''
    value = value.toString()
    return value.charAt(0).toUpperCase() + value.slice(1)
  }
}

在React中也有可能吗？

答案

您需要安装一个额外的包：

npm install --save react react-pipeline

您可以在这里找到完整的信息：https://www.npmjs.com/package/react-pipeline