我正在使用react-router與react。我正在嘗試在react-router的“鏈接”中傳遞屬性var React = require('react');var Router = require('react-router');var CreateIdeaView = require('./components/createIdeaView.jsx');var Link = Router.Link;var Route = Router.Route;var DefaultRoute = Router.DefaultRoute;var RouteHandler = Router.RouteHandler;var App = React.createClass({ render : function(){ return( <div> <Link to="ideas" params={{ testvalue: "hello" }}>Create Idea</Link> <RouteHandler/> </div> ); }});var routes = ( <Route name="app" path="/" handler={App}> <Route name="ideas" handler={CreateIdeaView} /> <DefaultRoute handler={Home} /> </Route>);Router.run(routes, function(Handler) { React.render(<Handler />, document.getElementById('main'))});“鏈接”呈現頁面,但不將屬性傳遞給新視圖。下面是查看代碼var React = require('react');var Router = require('react-router');var CreateIdeaView = React.createClass({ render : function(){ console.log('props form link',this.props,this)//props not recived return( <div> <h1>Create Post: </h1> <input type='text' ref='newIdeaTitle' placeholder='title'></input> <input type='text' ref='newIdeaBody' placeholder='body'></input> </div> ); }});module.exports = CreateIdeaView;如何使用“鏈接”傳遞數據?
在Link react-router中傳遞道具
慕仙森
2019-12-17 15:04:25