Панель управления ReactJs AdminLTE

Я новичок в ReactJS. Я хочу использовать ReactJS-AdminLTE в своем проекте. Может ли кто-нибудь рассказать, как его использовать с пошаговым процессом.

Шаги, которые я выполнил

1) Я установил среду Reactjs, используя учебник https://www.tutorialspoint.com/reactjs/.

2) Затем я устанавливаю ReactJS-AdminLTE с помощью команды npm install adminlte-reactjs.

Мой файл webpack.config

var path=require('path');
var config = {
   entry: './main.js',

   output: {
      path: path.join(__dirname, "./"),
      filename: 'index.js',
   },

   devServer: {
      inline: true,
      port: 8080
   },

   module: {
      loaders: [
         {
            test: /\.jsx?$/,
            exclude: /node_modules/,
            loader: 'babel-loader',

            query: {
               presets: ['es2015', 'react']
            }
         }
      ]
   }
}

module.exports = config;

App.jsx

import React from 'react';
import reactjsAdminlte from 'adminlte-reactjs';

class App extends React.Component {
   render() {

      return (

            <Box 
    width = 3 
    border = true
    content = 'The body of the box'
    theme = 'box-primary'
    title = 'Collapsable'
    collapsed = true
    boxTools = ['collapse']
/>


      );
   }
}

export default App;

Индекс.html

<!DOCTYPE html>
<html lang = "en">

   <head>
      <meta charset = "UTF-8">
      <title>React App</title>
   </head>

   <body>
      <div id = "app"></div>
      <script src = "index.js"></script>
   </body>

</html>

Но результат не displaing.


reactjs adminlte
person user3479979    schedule 20.03.2017    source источник
comment
Вы начинаете первым. Что вы пробовали и с какими проблемами столкнулись?   -  person lux    schedule 20.03.2017
comment
@lux Я отредактировал вопрос. Я добавил то, что сделал.   -  person user3479979    schedule 21.03.2017
comment
@ user3479979 Удивительно, что ты еще не получил ответа ????   -  person Mo.    schedule 07.07.2017
comment
@ user3479979 Можете ли вы показать нам main.js? Это упоминается в руководстве по установке, которому вы следовали.   -  person Ramon Gebben    schedule 15.08.2017

Ответы (1)


arrow_upward
2
arrow_downward

Используете ли вы ReactDOM для рендеринга компонента вашего приложения в HTML?

import ReactDOM from 'react-dom';
ReactDOM.render(
  <App />,
  document.getElementById('app')
);
person Moris.io    schedule 15.08.2017