Question

在这种情况下我应该使用ref吗？我想检查一个组件是否被渲染，然后使用它作为标志来做其他事情。

import * as _ from 'lodash';
import { Pipe, PipeTransform } from '@angular/core';

@Pipe({
    name: 'dataFilter'
})
export class DataFilterPipe implements PipeTransform {

    transform(array: any[], query: string): any {
        if (query) {
        return _.filter(array, row=>row.name.indexOf(query) > -1);
     }
    return array;
  }
 }

Answer 1

通过提供的示例，我们已经有一个变量来定义何时呈现<CustomComponent>。我们可以使用isSomeOtherCondition隐藏<div>元素。

render() {
    return (
       <div>
          {
             isSomeOtherCondition ?
                <CustomComponent {...props} /> : 
                <div>hide this if CustomComponent is rendered</div>
          }
       </div>
   );
}

因此，如果isSomeOtherCondition为true，请渲染<CustomComponent />。如果isSomeOtherCondition恰好为假，那么我们将呈现<div>hide this if CustomComponent is rendered</div>。

隐藏组件是否存在

1 个答案: