javascript - 有没有办法判断 ReactElement 是否呈现 "null"？

Question

在我的 JSX 中，我有一个条件渲染逻辑的情况 - 当元素 A 渲染某些东西时(它的 render() 函数返回 null 以外的东西)，然后还渲染元素 B，就在元素 A 的上方。

代码示例(简化)如下所示:

function render() {
    let elemA = (<ElementA someProp={this.someVar} />);

    if (elemA.isNull()) {
        return (
            <div>
                { ...someElements }
            </div>
        );
    }

    return (
        <div>
            { ...someElements }
            <ElementB />
            { elemA }
        </div>
    );
}

所以我的问题是 - 有什么方法可以检查 elemA.isNull() 吗？

Answer 1

不，没有办法确定 child 将使用 React 呈现什么。执行此操作的标准方法是公开一些说明 A 是否将呈现的实用函数。

类似于:

if (AUtils.isStoryValid(story)) {
  return <A story={story} />;
} else {
  return <B story={story} />;
}