Javascript 带有React的管理LTE仪表板
我在React应用程序中使用管理LTE仪表板。我已经在我的边栏组件中添加了一些标签,以及字体图标。但是,当我单击链接时,字体图标会刷新编辑并重新运行index.html中的脚本 下面是index.html的代码Javascript 带有React的管理LTE仪表板,javascript,reactjs,adminlte,Javascript,Reactjs,Adminlte,我在React应用程序中使用管理LTE仪表板。我已经在我的边栏组件中添加了一些标签,以及字体图标。但是,当我单击链接时,字体图标会刷新编辑并重新运行index.html中的脚本 下面是index.html的代码 <!doctype html> <html lang="en"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="Description" content="Admin Panel">
<link rel="stylesheet" href="css/bootstrap.min.css" />
<link rel="stylesheet" href="css/AdminLTE.css" />
<link rel="stylesheet" href="css/_all-skins.min.css" />
<link rel="stylesheet" href="css/ionicons.min.css" />
<!-- For material UI Roboto Font-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:300,400,500" />
<link rel="stylesheet" href="https://fonts.googleapis.com/icon?family=Material+Icons" />
<link rel="stylesheet"
href="https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,600,700,300italic,400italic,600italic" />
<title>Parcel</title>
<script src="js/jquery.min.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/adminlte.min.js"></script>
<script src="js/jquery.slimscroll.min.js"></script>
<script src="https://use.fontawesome.com/581d5d54d2.js" ></script>
</head>
<body class="hold-transition skin-blue sidebar-mini">
<div id="root" class="wrapper"></div>
<noscript>Make sure your Javascript is enabled</noscript>
</body>
</html>
Sidebar.js
import React, { Component } from 'react';
import './style.css';
export default class SideBar extends Component {
render() {
return (
<aside className="main-sidebar">
<section className="sidebar">
<ul className="sidebar-menu">
<li>
<a href="/customers">
<i className="fa fa-user-circle"></i> <span>dashboard</span>
</a>
</li>
<li>
<a href="/customers">
<i className="fa fa-asterisk"></i> <span>Settings</span>
</a>
</li>
</ul>
</section>
</aside>
)
}
}
单击一个及其组件,如或,以生成特定页面或状态的链接
您可以在react router的官方文档中找到一些示例:
问题在于用于导航的标记。使用而不是。它对我有用。。。