React is possible

src/client/js/app.js

@@ -196,11 +196,12 @@ if (adminUserGroupPageElem != null) {
 const adminImporterElem = document.getElementById('admin-importer');
 if (adminImporterElem != null) {
   ReactDOM.render(
-    <Importer />,
+    <Importer git st
+    />,
+    adminImporterElem,
   );
 }
 
-
 const adminFullTextSearchManagementElem = document.getElementById('admin-full-text-search-management');
 if (adminFullTextSearchManagementElem != null) {
 

src/client/js/components/Admin/Importer.jsx

@@ -3,14 +3,16 @@ import React, { Fragment } from 'react';
 class Importer extends React.Component {
 
   constructor(props) {
-    super();
+    super(props);
   }
 
   render() {
     return (
       <Fragment>
+        <h1>連打</h1>
       </Fragment>
     );
+
   }
 
 }

src/server/views/admin/importer.html

@@ -1,11 +1,19 @@
-<div id ="admin-importer">
-<h1 style="background : linear-gradient(to right,
-red,
-orange,
-yellow,
-green,
-aqua,
-blue,
-purple);
-display: inline;
-color: white">HELLO REACT!</h1>
+
+{% extends '../layout/admin.html' %}
+
+{% block html_title %}{{ customizeService.generateCustomTitle(t('Import Data')) }}{% endblock %}
+
+{% block content_header %}
+<div class="header-wrap">
+  <header id="page-header">
+    <h1 id="admin-title" class="title">{{ t('Import Data') }}</h1>
+  </header>
+</div>
+{% endblock %}
+
+{% block content_main %}
+<div id ="admin-importer"></div>
+{% endblock content_main %}
+
+{% block content_footer %}
+{% endblock content_footer %}