Поддерживает ли React трубы или фильтры, такие как Angular и Vue?

Question

Я хочу знать Могу ли я иметь трубы или фильтры в React?

например что-то вроде этого:

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?

Answer 1

Вам необходимо установить дополнительный пакет с:

npm install --save react react-pipeline

полной информацией, которую вы можете найти здесь: https://www.npmjs.com/package/react-pipeline