个人中心
文章发布
退出
作者热门文章
- html - 出于某种原因，IE8 对我的 Sass 文件中继承的 html5 CSS 不友好？
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景？
28
4
我是 ReactJS 的新手。我想在我的项目中使用 ReactJS-AdminLTE。谁能告诉我如何逐步使用它。
我遵循的步骤
1) 我使用 https://www.tutorialspoint.com/reactjs/ 设置 Reactjs 环境教程
2) 然后我使用命令 npm install adminlte-reactjs
安装 ReactJS-AdminLTE我的 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>
但是结果没有显示。
最佳答案
您是否使用 ReactDOM 将应用程序组件渲染为 HTML？
import ReactDOM from 'react-dom';
ReactDOM.render(
<App />,
document.getElementById('app')
);
关于ReactJs AdminLTE 仪表板，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/42905125/
28
4
0
似乎Admin LTE设置了min-height ` 和侧边栏的值。出于某种原因，在我的例子中，这个值计算得比它应该的要高得多，这导致侧栏不必要地长。请参阅下面的屏幕截图。 如何解决这个问题？ 最佳答
如何修复左侧导航。我正在使用 Nuget 的 AdminLTE 2.0。 错误是当我切换侧边时它会折叠整个侧边栏。但是模板在切换时应该部分折叠侧边栏。我用了 编辑 我尝试下载模板，它运行良好，我在正
我是 ReactJS 的新手。我想在我的项目中使用 ReactJS-AdminLTE。谁能告诉我如何逐步使用它。 我遵循的步骤 1) 我使用 https://www.tutorialspoint.co
我正在使用 AdminLTE 仪表板。在侧边栏 TreeView 菜单中，单击菜单后删除事件类。 AdminLTE 最佳答案 将此 JavaScript 添加到页脚 *this works for a
有没有办法去掉 “准备好出售您的主题了吗？现在就将您的主题提交到我们的新市场，让超过 20 万访问者看到它!让我们开始吧!" 来自 AdminLte。 下面是消息的图像。 最佳答案 您可以从 admi
AdminLTE 一个基于 Bootstrap 的管理模板。 我想知道是否可以使 box-widget 扩展到全屏模式(第二个按钮)。 我正在寻找是否有任何 CSS 类或 JavaScript 提示可
我的 AdminLTE 迷你边栏出现了这个奇怪的问题(当我按下“切换”按钮时)。 在正常模式下工作正常，但当我折叠侧边栏时，标题和树之间的这个空间出现，这会扰乱功能，因为当我将指针移到该空间菜单上时，
目前我正在使用 adminlte 模板，我想制作一个具有粘性行为的元素，但我不知道即使放在不同的 div 中我也做不到。 我想把粘性 div 放在导航栏下面(在这个橙色的 div 中): CSS: .
所以我正在尝试使用 adminlte 模板创建数据表: var tblCardHistory; tblCardHistory = $("#cardhistorynew-table").DataTabl
AdminLTE 基于 Bootstrap:https://github.com/almasaeed2010/AdminLTE 实时预览: http://almsaeedstudio.com/prev
我为我的复选框使用了iCheck类: ... ... ... ... ... $(function() { $("span
在 AdminLTE 主题中，当我折叠边栏时，它会将菜单标题隐藏在右拉容器图标下。请检查下图以获得清晰的想法。 Error Image 是否可以换行？ 这是我的代码:
我环顾四周，但找不到这样的问题，可能是一个愚蠢的问题，但我找不到答案。 我刚刚安装了“adminlte-rails”gem，当我将示例代码粘贴到左侧边栏时，它可以正常工作，但框的颜色不正确，这是我正在
我整个晚上都遇到这个问题。我将单击按钮，但我没有收到任何数据或警报。请帮我。所以很抱歉我的英语不好。我会努力学习。 $(document).ready(function() { $("
我正在尝试使用切换按钮打开和关闭侧边栏，并且在侧边栏打开的同时我希望它在我们单击正文时关闭。问题是当我点击正文关闭侧边栏时，它实际上运行良好但切换按钮似乎根本不起作用(我的意思是只有切换按钮的关闭事件
在 AdminLTE 主题中，当标题很长时，侧边栏菜单标题无法正确显示，它会中断行并在图标下方显示文本。我希望它从第一行的第一个字母下方开始我附上了截图图片中的“consetetur”应该从“Lore
我正在尝试将 AdminLTE3 用作 laravel 中的管理面板，并且我有导航项链接，当我单击它们时它们不会激活。我不知道如何解决这个问题。我使用了 adminLTE3 的 starter.htm
如何删除 AdminLTE 的 content-wrapper 类中的 min-height 样式。我遇到的问题是右侧栏太长，而我的页面不需要它。 当我调试并关闭最小高度时，一切看起来都很好。 我的代
我正在使用来自 adminlte 的折叠框模板。我有一个问题，当我第一次想显示这个框时(点击 - 之后)，动画不起作用并且内容立即显示。再次点击后它开始工作。谁能帮我立即初始化动画？... jsfid
我有以下布局，它是 AdminLTE boxed layout template 的一个改动: HTML Header Left bar
我是一名优秀的程序员,十分优秀！