Warning: file_get_contents(/data/phpspider/zhask/data//catemap/8/mysql/57.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Ruby on rails Rails-不保留其道具_Ruby On Rails_Reactjs_React Router_React Rails - Fatal编程技术网

Ruby on rails Rails-不保留其道具

Ruby on rails Rails-不保留其道具,ruby-on-rails,reactjs,react-router,react-rails,Ruby On Rails,Reactjs,React Router,React Rails,我第一次尝试在Rails中设置React路由器。路由器上的链接按预期工作并更改哈希,但它不会呈现。我已经缩小了调试器的问题范围,并发现以下内容: MyRoutes(React创建路由器之前的第22行)有props.children 应用程序(渲染时第6行)没有props.children 发生了什么事 var Route = ReactRouter.Route, Link = ReactRouter.Link; var App = React.createClass({ ren

我第一次尝试在Rails中设置React路由器。路由器上的链接按预期工作并更改哈希,但它不会呈现。我已经缩小了调试器的问题范围,并发现以下内容:

  • MyRoutes(React创建路由器之前的第22行)有props.children
  • 应用程序(渲染时第6行)没有props.children
发生了什么事

var Route = ReactRouter.Route,
    Link = ReactRouter.Link;

var App = React.createClass({
  render: function(){
    //line 6
    return (
      <div>
        <h1>App</h1>
        <ul>
          <li><Link to="/todo">Todo</Link></li>
          <li><Link to="/comment">Comment</Link></li>
        </ul>

        {this.props.children}
      </div>
    )
  }
})

$(function(){
  var MyRoutes = (
    <Route path="/" handler={App}>
      <Route path="/todo" name="todo" handler={TodoList} />
      <Route path="/comment" name="comment" handler={Comment} />
    </Route>
  );
  //line 22
  ReactRouter.run(MyRoutes, function (Handler) {
    React.render(<Handler/>, $("#application").get(0));
  });
})
var Route=ReactRouter.Route,
Link=ReactRouter.Link;
var App=React.createClass({
render:function(){
//第6行
返回(
应用程序
  • 待办事项
  • 评论
{this.props.children} ) } }) $(函数(){ var MyRoutes=( ); //第22行 ReactRouter.run(MyRoutes,函数(Handler){ React.render(,$(“#应用程序”).get(0)); }); })
我查看了存储库。将
此.props.children
替换为
。但请记住,您必须按如下方式“导入”RouteHandler:
var RouteHandler=ReactRouter.RouteHandler。这应该可以解决问题。

我查看了存储库。将
此.props.children
替换为
。但请记住,您必须按如下方式“导入”RouteHandler:
var RouteHandler=ReactRouter.RouteHandler。这应该能解决问题。

你打算解决这个问题吗?我也有同样的问题。您使用的路由器版本是什么?您是否打算解决此问题?我也有同样的问题。您使用的路由器版本是什么?