Javascript React是否从DOM中删除display:none的节点？

在我们的JavaScript代码中，一些节点在其内联样式中定义了

display:none

。在浏览器渲染的DOM中，我们看不到任何这些节点。这在React或JavaScript中是常见的吗

这与React或JavaScript没有任何关系

那只是CSS

---

display:none

表示“根本不显示此元素”。这与可见性不同：隐藏，因为这只会使它不可见，但会在页面中留下它的位置。

这与React或JavaScript完全无关

那只是CSS

---

display:none

表示“根本不显示此元素”。这不同于

可见性：隐藏
顺便说一句，因为这只会使其不可见，但会保留其在页面中的位置。
它们应该由React呈现，但由于CSS规则而保持隐藏

如果根本不想渲染组件，可以使用内联条件。例如（使用jsx）：

render:function（）{
var isVisible=determiniteivvisible（）；
返回(
{（可见）
?  
:  ''
}
);
}
它们应该由React呈现，但由于CSS规则而保持隐藏

如果根本不想渲染组件，可以使用内联条件。例如（使用jsx）：

render:function（）{
var isVisible=determiniteivvisible（）；
返回(
{（可见）
?  
:  ''
}
);
}
True。React不会自动添加内联样式，除非您自己提供它们。那么，这是否意味着它不会在DOM中呈现它？当我检查它的时候，没有。如果您检查DOM，您将能够看到style属性包含
display:none
的节点，所以整个问题是我在DOM中没有看到它，我的问题是它是因为React还是Javascript.True。React不会自动添加内联样式，除非您自己提供它们。那么，这是否意味着它不会在DOM中呈现它？当我检查它的时候，没有。如果您检查DOM，您将能够看到带有style属性的节点，该属性包含
display:none
，所以整个问题是，我在DOM中没有看到它，我的问题是，这是因为React还是Javascript。
render: function () {
    var isVisible = determineIfVisible();
    return (
        <MyComponentParent>
        {(isVisible)
        ?  <MyComponent />
        :  ''
        }
        </MyComponentParent>
    );
}