凸起按钮内的材料链接不使用反应路由器路由答案

【问题标题】：Material Link inside Raised button not using react rounter routes凸起按钮内的材料链接不使用反应路由器路由
【发布时间】：2016-09-01 15:40:32
【问题描述】：

我在我的 django 项目中使用 material-ui。我有不同的组件来显示不同的内容。我的主页上有一个按钮。当用户点击该按钮时，我正试图将他引导至注册页面。

这是我的按钮：

<RaisedButton containerElement={<Link to="/signup" />} 
label="GET STARTED" backgroundColor="#00BCD4" 
labelColor="#ffffff" style=`{buttonStyle} />

这是我的路由器设置：

render((
   <Router history={browserHistory}>
    <Route path="/" component={App}>
     <IndexRoute component={Home}/>
      <Route path="signup" component={SignUp} />
    </Route>

  </Router>), document.getElementById('app'));

默认页面：http://127.0.0.1:8000/ 显示索引“主页”组件，但是当用户单击按钮时，从 django 打开未找到的页面。

我错过了什么设置吗？

【问题讨论】：

标签： reactjs react-jsx material-ui

【解决方案1】：

我无法使用您提供的详细信息重现您的问题。你可以看看我这里设置的：http://www.webpackbin.com/NJcI-Lbo-

我确实注意到您的第一个代码 sn-p 中有一个错字（有一个不必要的反引号）。但我假设这只是进入 stackoverflow 时的一个错字，因为这不应该导致您描述的行为。

style=`{buttonStyle}

这似乎与<Link /> 和<RaisedButton /> 无关。相反，听起来您的本地 Web 服务器端可能存在一些配置问题。

直接去http://127.0.0.1:8000/signup 有效吗？

【讨论】：