Question

我有一个问题。

我正在使用针对我网站的反应。我想要做的是在完成不同的页面/（例如www.test.com/FirstPage www.test.com/SecondPage）之后的投资组合，我希望他们拥有自己的导航主体和页脚以及自己的js文件等等。但我面临一些问题

现在我有我的主网站www.test.com，我在www.test.com/differentone创建了不同的网站，以及所有css类（如果它们与主网站中的名称相同），javascript也会执行。我如何避免这种情况，我希望它完全不同而不继承任何css或js / website。路由甚至允许页面独立吗？

因为当我在/ SecondPage中时，即使来自主页的javascript文件也会尝试触发，但是它找不到主网页中的内容并且崩溃了。

每个其他文件的命名可以完全不同，但它也是一样的。我希望我能清楚地解释清楚

I have my folder now like this

Answer 1

您可以使用react-router处理此问题。下面是一个小示例代码。

  <Router history={browserHistory}>
    <Route path='/dashboard' component={App} onEnter={requireAuth} >
      <IndexRoute component={MainContent} onEnter={requireAuth} />
      <Route path='/notes' component={Notelist} onEnter={requireAuth}></Route>   
    </Route> 
    <Route path='/invite/*' component={Invite}></Route>  
    <Route path='/' component={Login}> </Route>
    <Route path='/changepassword/*' component={ChangePassword}></Route>
  </Router>

这就是如何使用Route标记内的不同css包装来处理组件。这里的Login组件有不同的css，而App组件是具有不同css的主仪表板页面。

您可以将所有css文件保存在样式文件夹中，并在main.js中调用它。

 import './styles/main.scss';

如何避免使用react在/ pages中执行主脚本？

1 个答案: