javascript - React 组件中的 AngularJS 过滤器

Question

我是 ReactJS 的新手，但我喜欢它优于 AngularJS 的出色性能。我的问题是，在 AngularJS 中，我们在渲染表达式或模型之前在 View 模板中使用过滤器，我们如何在 ReactJS 中实现它。现在我正在尝试将几个 View 部分替换为 React 组件(它仍然在 AngularJS 中)。

例如，现在我下面的 Angular 代码可以很好地在 p 标签中呈现表情符号，

<div ng-init='{messageWithAngularEmoji = "This is a :smile:"}'>

     <p ng-bind="{messageWithAngularEmoji | emoji | to_trusted }"></p>

</div>

在上面的示例中，您可以看到我使用了两个过滤器:emoji 和 to_trusted。我怎样才能在 ReactJS 中实现这一点？

注意:我无法在 React 中重写这些过滤器。

Answer 1

经过一番搜索后，我找到了在 Angular 之外检索 Angular 过滤器的方法，因此在您的情况下，这应该可以解决问题:

render: function() {
    var injector = angular.element("div[ng-controller]").injector(); 
    var emoji = injector.get('emojiFilter'); 
    var message = 'This is a :smile:';
    return (
        <div>
            <p>{emoji(message)}</p>
        </div>
    );
}