直接将React组件渲染为HTML或Blade文件

Question

在Vue中，此功能可让您使用Vue.component()将注册的组件直接呈现为HTML或Laravel Blade文件 而不是先将它们安装到父组件/元素。我想知道React是否也可以使用这种方法，因为我目前正在构建一个Laravel-React辅助项目。您可能会建议只创建一个JS根文件，并使用ReactDOM.render()渲染该组件，但这很麻烦，而且如果我要渲染多个小组件，则会淹没该文件夹。

Answer 1

在视图刀片中，仅添加如下所示的div

<div id="react-component-id" ></div>

并创建组件并为您呈现html，如下所示：

if (document.getElementById('react-component-id')) {
    ReactDOM.render(
        <yourCreatedCompoennt />,
        document.getElementById('react-component-id')
    );
}

因此它不会影响根级别。