Laravel：为react js创建多个入口点

Question

我将laravel与react js一起使用，我想在某些页面上使用react js。现在我正在这样使用。

app.js

require('./bulk/personal/ComponentIndex');
require('./bulk/leaves/ComponentIndex');
require('./bulk/pay/ComponentIndex');
require('./bulk/general/ComponentIndex');
require('./bulk/appt/ComponentIndex');
require('./bulk/pf_nps/ComponentIndex');

组件索引：

if (document.getElementById('app_bulk_personal')) {
    ReactDOM.render(<ComponentIndex />, document.getElementById('app_bulk_personal'));
}

每个ComponentIndex.js都有此方法，基本上我是在刀片中的div中定义唯一键。而且工作正常。

这是正确的方法吗？

假设有1000个页面（在我现有的Laravel本机代码中不会破坏任何内容），我必须在其中使用react，什么是正确的方法？

任何想法。

在当前情况下，我认为在单个文件中定义1000+ require (..)效率不高，因为这会减慢我加载特定页面的加载时间，因为每次都要检查所有{ if

中定义的{1}}