在index.html页面

Question

• 我使用react创建了一些组件。现在我需要渲染 单击菜单栏时，我的index.html页面上的那些组件 index.html页面上的选项。

  1.在菜单项下面创建的index.html页面：

  1. 我创建了 home.js ， service.js ， about.js ， contactUs.js 组件。 现在我需要当我点击Home选项然后渲染 home.js，当我点击关于选项渲染about.js。

Answer 1

听起来你可能需要一个路由解决方案让你看看React-Router React-Router

Answer 2

使用React-router创建所需的路径 的 e.g。在routes.js 中为您的应用定义路线

module.exports = (
       <Route path="/" component={App}>
           <IndexRoute component={Home}/>
           <Route path="/services" component={Services}/>
           <Route path="/about" component={About}/>
           <Route path="/contact" component={ContactUs}/>
       </Route>
)

为您的应用创建一个入口点，例如 index.js

import React from 'react';
import ReactDOM from 'react-dom';
import {Router,browserHistory} from 'react-router';
import routes from './routes';

ReactDOM.render(
    <Router routes={routes} history={browserHistory}/>
  , document.querySelector('.init')
);

这会将反应组件呈现给.init div或您在 index.html

中命名的任何内容