以下是我的代码. app.js是根文件,about.js是只显示一些文本的文件,index.js通过使用react-router处理所有的路由.我想在app.js中渲染我的about.js.如果我不在app.js中写“this.props.children”,它不会呈现.
App.js – 呈现其中的所有子组件的根文件.
"use strict";
import React from 'react';
import { Link } from 'react-router';
class App extends React.Component {
render() {
console.log(this.props.children)
return(
<div>
<h1>Hello !</h1>
<Link to="about">About</Link>
{this.props.children} **//Is this necessary?**
</div>
)
}
}
export default App;
About.js
"use strict";
import React from 'react';
class About extends React.Component {
render() {
return(
<div>
<h1>About page!</h1>
</div>
)
}
}
export default About;
Index.js – 文件处理路由
import React from 'react';
import { render } from 'react-dom';
import { Router,Route,Link,browserHistory } from 'react-router'
/*Require own custom files*/
import App from './app';
import About from './about';
render((
<Router history={browserHistory}>
<Route path="/" component={App}>
<Route path="about" component={About}/>
</Route>
</Router>
),document.getElementById('app'))
我正在与Ecma6的React 0.14工作.
为了使用反应路由器,是否有必要在根组件中写入“this.props.children”？如果是这样,为什么？
有没有其他方法来实现反应路由器？
