React-router：组件未定义

Question

我一直在查看here发现的react-router教程，我目前感到困惑......

React-router无法识别我的组件。

（我在Rails中使用React.js）

以下是代码：

tick = np.linspace(min(your_variable),max(your_variable),3)
tick = np.round(tick,decimals=1) # rounding off here

plt.tight_layout(pad=0.5, w_pad=2.5, h_pad=2.0)
ax1 = plt.subplot(131) # creates first axis
ax1.set_xticks([0,2000,500,1000,1500])
ax1.set_yticks([0,2000,500,1000,1500])
ax1.get_yaxis().set_major_formatter(matplotlib.ticker.ScalarFormatter())    
ax1.get_xaxis().set_major_formatter(matplotlib.ticker.ScalarFormatter())` 
i1 = ax1.imshow(U,cmap='hot',extent=(X.min(),2000,Y.min(),2000))
plt.colorbar(i1,ax=ax1,ticks=tick)

ax1.set_title("$ \mathrm{Ux_{mes} \/ (pix)}$")
ax2 = plt.subplot(132) # creates second axis
ax2.set_xticks([0,2000,500,1000,1500])
ax2.set_yticks([0,2000,500,1000,1500])
i2=ax2.imshow(UU,cmap='hot',extent=(X.min(),2000,Y.min(),2000))
ax2.set_title("$\mathrm{Ux_{cal} \/ (pix)}$")
plt.colorbar(i2,ax=ax2,ticks=tick)

ax3 = plt.subplot(133) # creates first axis
ax3.set_xticks([0,2000,500,1000,1500])
ax3.set_yticks([0,2000,500,1000,1500])
i3 = ax3.imshow(resU,cmap='hot',extent=(X.min(),2000,Y.min(),2000))
ax3.set_title("$\mathrm{\mid Ux - Ux \mid \/ (pix)}$ ")
plt.colorbar(i3,ax=ax3,ticks=tick)

plt.show()

如果我在App之前移动了TagsBox，那么其他人似乎都没有这样做。我错过了什么？

如果它有所不同，我的组件的当前结构是：

• app.js.jsx
• 标签
  • _tags_box.js.jsx

Answer 1

在你的位置上，最好在加载所有脚本后运行路由器。

尝试在此代码中包装run方法：

document.addEventListener("DOMContentLoaded", function() {
  ReactRouter.run(routes, function (Handler) {
    React.render(<Handler/>, document.body);
  });
}