英文:
React-Router with child in Go how does it work?
问题
我正在尝试在Go服务器中使用react-router。
我进行了一些测试，但是我无法实现我想要的效果。
我的React组件：
var App = React.createClass({render: function(){return (<div><h2>App</h2><li><Link to="/page1">Page 1</Link></li><li><Link to="/page2">Page 2</Link></li></div>)}})var Page1 = React.createClass({render: function(){return (<div><h2>Page 1</h2><li><Link to="/page2">Page 2</Link></li></div>)}})var Page2 = React.createClass({render: function(){return (<div><h2>Page 2</h2><li><Link to="/page1">Page 1</Link></li></div>)}})
我的React路由：
ReactDOM.render((<Router history={browserHistory}><Route path="/" component={App}><Route path="page1" component={Page1} /><Route path="page2" component={Page2} /></Route></Router>), document.getElementById('app'))
我的Go服务器：
func Render(c web.C, w http.ResponseWriter, r *http.Request) {RenderHTMLPage(w, "index.html")}func main() {goji.Get("/page1", Render)goji.Get("/page2", Render)goji.Get("/", Render)goji.Serve()}
我的问题是，当我在'App'组件中点击链接时，例如：
<li><Link to="/page1">Page 1</Link></li>
URL会改变，但实际组件仍然是App而不是Page1，所以URL改变了但组件没有改变。如果我直接加载URL，结果也是一样的。
有人可以帮助我吗？谢谢 
英文:
I'm trying to use react-router with a server in Go.
I did some tests but I can not do what I want.
My react components :
var App = React.createClass({render: function(){return (<div><h2>App</h2><li><Link to="/page1">Page 1</Link></li><li><Link to="/page2">Page 2</Link></li></div>)}})var Page1 = React.createClass({render: function(){return (<div><h2>Page 1</h2><li><Link to="/page2">Page 2</Link></li></div>)}})var Page2 = React.createClass({render: function(){return (<div><h2>Page 2</h2><li><Link to="/page1">Page 1</Link></li></div>)}})
My react routing :
ReactDOM.render((<Router history={browserHistory}><Route path="/" component={App}><Route path="page1" component={Page1} /><Route path="page2" component={Page2} /></Route></Router>), document.getElementById('app'))
my go server :
func Render(c web.C, w http.ResponseWriter, r *http.Request) {RenderHTMLPage(w, "index.html")}func main() {goji.Get("/page1", Render)goji.Get("/page2", Render)goji.Get("/", Render)goji.Serve()}
My problem is when i click on Link in 'App' Component, for example :
<li><Link to="/page1">Page 1</Link></li>
url changes like that
> http://localhost:8000/page1
But actual component is already App and not Page1, so url changes but not component.
And if i load directly url, i have the same result.
Does anyone help me ?
Thank's
答案1
得分: 1
这不是一个关于Go的问题，而是一个关于React的问题。你需要渲染App组件的子组件，以便其他两个组件能够显示出来。以下是从React Router文档中摘录的代码片段：
const routes = (<Route component={App}><Route path="groups" component={Groups} /><Route path="users" component={Users} /></Route>)class App extends React.Component {render () {return (<div>{/* 这里将是<Users>或<Groups> */}{this.props.children}</div>)}}
你需要在App组件中使用this.props.children来渲染子组件。
英文:
This isn't a go question, but a react question, you need to render the App component's children in order for the other two components to display, a la this code snippet taken from the docs for React Router (https://github.com/reactjs/react-router/blob/master/docs/API.md#props-2):
const routes = (<Route component={App}><Route path="groups" component={Groups} /><Route path="users" component={Users} /></Route>)class App extends React.Component {render () {return (<div>{/* this will be either <Users> or <Groups> */}{this.props.children}</div>)}}
通过集体智慧和协作来改善编程学习和解决问题的方式。致力于成为全球开发者共同参与的知识库，让每个人都能够通过互相帮助和分享经验来进步。
评论