Question

以下代码有什么问题？我只想从页面A导航到页面B，其中页面A有链接。我不想使用任何布局也称为容器。按照错误链接控制台后出现此错误：

_registerComponent(...): Target container is not a DOM element.

我的代码：

var { Router, Route, IndexRoute, Link, browserHistory } = ReactRouter

const UserProfile = React.createClass({
  render(){
    return(
      <div>
        <p>James</p>
        <p>age:20</p>
      </div>
    )
  }
})

const App = React.createClass({
    render() {
        return(
          <div>
            <h1>Home page</h1>
            <div><Link to="/profile/1">Go</Link></div>
          </div>
        )
    }
});

ReactDOM.render(
  <Router>
    <Route path="/" component={App}/>
    <Route path="/profile/:id" component={UserProfile}/>
  </Router>,
  document.getElementById('App')
);

http://codepen.io/anon/pen/YpgGgL?editors=0010

Answer 1

正如@Ruben Karapetyan已在评论中写道，你在document.getElementById('App')中有一个拼写错误。您在HTML代码中编写了App，而不是app。因此，您必须编写document.getElementById('app')。

反应路由器没有工作，错误解码器？

1 个答案: