Javascript React.js renderDOM有条件地

我是新来的。我对reactDom的渲染有一些问题：

index.js

import ReactDOM from 'react-dom';
import A from 'components/A';
import B from 'components/B';

render(<A />, document.getElementById('A'));
render(<B />, document.getElementById('B'));

从“react dom”导入ReactDOM；
从“组件/A”导入A；
从“组件”导入B；
render（也可以修复它，或者在调用
render
之前检查
元素ID
（是否存在）

我想知道这是解决这种情况的正确方法，还是有其他方法？
试试这样的方法：

if (document.getElementById('A')) {
    render(<A />, document.getElementById('A'));
}

if (document.getElementById('B')) {
    render(<B />, document.getElementById('B'));
}

if（document.getElementById（'A'））{
render（，document.getElementById（'A'））；
}
if（document.getElementById（'B'））{
render（，document.getElementById（'B'））；
}

这是解决您的问题的最简单和最简单的解决方案（它不是最干净也不是最好的解决方案，但在学习React以及如何使用DOM时最容易理解）。如果找不到
容器，它将不会呈现
，如果找不到
B
容器，它将不会呈现