ReactJS服务器端渲染单击事件赢得';t火
我有这段代码,它是用节点jsx在服务器端编译的,但是单击事件不会触发。作为新手,我不知道我错过了什么ReactJS服务器端渲染单击事件赢得';t火,reactjs,rendering,server-side,Reactjs,Rendering,Server Side,我有这段代码,它是用节点jsx在服务器端编译的,但是单击事件不会触发。作为新手,我不知道我错过了什么 /** @jsx React.DOM */ var React = require('react/addons') var mui = require('material-ui'); var ThemeManager = new mui.Styles.ThemeManager(); var injectTapEventPlugin = require("react-tap-event-plug
/** @jsx React.DOM */
var React = require('react/addons')
var mui = require('material-ui');
var ThemeManager = new mui.Styles.ThemeManager();
var injectTapEventPlugin = require("react-tap-event-plugin");
var UnyDentApp = React.createClass({
childContextTypes: {
muiTheme: React.PropTypes.object
},
getChildContext: function() {
return {
muiTheme: ThemeManager.getCurrentTheme()
};
},
componentDidMount: function () {
},
render: function () {
var menuItems = [
{ route: 'home', text: 'Home' },
{ route: 'about', text: 'About' },
];
return (
<div id="uny-dent">
<mui.LeftNav
ref='leftNav'
menuItems={menuItems}
docked={false} />
<mui.AppBar
title="UnyDent" onMenuIconButtonTouchTap={ this._handleClick }/>
</div>
)
},
_handleClick: function()
{
alert('ok');
},
toggleNav: function(e){
e.preventDefault();
alert();
this.refs.leftNav.toggle();
}
});
/* Module.exports instead of normal dom mounting */
module.exports = UnyDentApp;
/**@jsx React.DOM*/
var React=require('React/addons'))
var mui=要求(“材料-ui”);
var ThemeManager=新的mui.Styles.ThemeManager();
var injectTapEventPlugin=require(“react-tap事件插件”);
var UnyDentApp=React.createClass({
childContextTypes:{
muiTheme:React.PropTypes.object
},
getChildContext:函数(){
返回{
muiTheme:ThemeManager.getCurrentTheme()
};
},
componentDidMount:函数(){
},
渲染:函数(){
变量菜单项=[
{路由:'home',文本:'home'},
{路由:'about',文本:'about'},
];
返回(
)
},
_handleClick:function()
{
警报(“正常”);
},
toggleNav:功能(e){
e、 预防默认值();
警惕();
this.refs.leftNav.toggle();
}
});
/*Module.exports而不是普通的dom装载*/
module.exports=UnyDentApp;
看起来您正在尝试执行通常称为“同构反应”的操作。这与简单地在服务器端呈现react模板(生成呈现的静态页面)不同,因为它还支持在客户端“装载”react组件(生成呈现的动态页面)
现在,您只是在执行前者,因此React实际上没有运行客户端,因此click事件实际上没有“连接”。同构反应有几种不同的解决方案。这里有一个来自Paypal团队的特别例子:看起来你正在尝试做通常被称为“同构反应”的事情。这与简单地在服务器端呈现react模板(生成呈现的静态页面)不同,因为它还支持在客户端“装载”react组件(生成呈现的动态页面)
现在,您只是在执行前者,因此React实际上没有运行客户端,因此click事件实际上没有“连接”。同构反应有几种不同的解决方案。这里有一个来自Paypal团队的特别例子:看起来你正在尝试做通常被称为“同构反应”的事情。这与简单地在服务器端呈现react模板(生成呈现的静态页面)不同,因为它还支持在客户端“装载”react组件(生成呈现的动态页面)
现在,您只是在执行前者,因此React实际上没有运行客户端,因此click事件实际上没有“连接”。同构反应有几种不同的解决方案。这里有一个来自Paypal团队的特别例子:看起来你正在尝试做通常被称为“同构反应”的事情。这与简单地在服务器端呈现react模板(生成呈现的静态页面)不同,因为它还支持在客户端“装载”react组件(生成呈现的动态页面)
现在,您只是在执行前者,因此React实际上没有运行客户端,因此click事件实际上没有“连接”。同构反应有几种不同的解决方案。这里有一个来自Paypal团队的特别例子:可能是将处理程序绑定到事件。很抱歉,我在代码段中遗漏了事件处理程序,但现状是相同的,可能是将处理程序绑定到事件。很抱歉,我在代码段中遗漏了事件处理程序,但现状是相同的可能将处理程序绑定到事件。抱歉,我在代码段中遗漏了事件处理程序,但现状是相同的可能将处理程序绑定到事件。抱歉,我在代码段中遗漏了事件处理程序,但现状是一样的谢谢你的反馈我会详细查看谢谢你的反馈我会详细查看谢谢你的反馈我会详细查看谢谢你的反馈我会详细查看谢谢你的反馈我会详细查看