onClick 事件不会在我的任何组件中触发
onClick event doesn't fire in any of my components
我正在玩 MartyJS、marty-express 和 React。和以下代码:
import React from "react";
import _ from "lodash";
export default class InputComponent extends React.Component {
constructor(props, context) {
super(props, context);
this.handleClick = _.bind(this.handleClick,this);
this.state = {count: props.initialCount};
}
handleClick() {
this.setState({count: this.state.count + 1});
}
render() {
return (
<div>
<div className="btn btn-primary" onClick={this.handleClick}>
Clicks: {this.state.count}
</div>
</div>
);
}
}
InputComponent.propTypes = { initialCount: React.PropTypes.number };
InputComponent.defaultProps = { initialCount: 0 };
并且像这样简单地在另一个组件内部呈现:
import InputComponent from "./InputComponent";
...
<InputComponent />
组件渲染得很好。我已经尝试了我能找到的大部分示例,遵循将 React.createClass 重构为 es6 的指南,并且我完全按照教程中的方式进行操作,但它不起作用 ...
我的预感开始指向 MartyJS,MartyJS 和 Marty-express 应该进行初始页面加载服务器端呈现,如果我输入 console.log,我的组件构造函数正在服务器上打印,永远不会在客户端上。我几乎处于完全放弃服务器端渲染反应的边缘,因为似乎有很多相关的细节,但没有关于它的文档。
有人可以谈谈他们的经验吗?也许指向一些使用 MartyJS w/o SSR 的代码?
谢谢
感谢所有花时间查看的人。
也许与 martyJs 有关系,也许没有,
MartyJS 的创建者宣布 1.0 将是他的最后一个版本,
所以我转向 redux 作为 flux,我希望在该框架中找到工作示例。
我正在玩 MartyJS、marty-express 和 React。和以下代码:
import React from "react";
import _ from "lodash";
export default class InputComponent extends React.Component {
constructor(props, context) {
super(props, context);
this.handleClick = _.bind(this.handleClick,this);
this.state = {count: props.initialCount};
}
handleClick() {
this.setState({count: this.state.count + 1});
}
render() {
return (
<div>
<div className="btn btn-primary" onClick={this.handleClick}>
Clicks: {this.state.count}
</div>
</div>
);
}
}
InputComponent.propTypes = { initialCount: React.PropTypes.number };
InputComponent.defaultProps = { initialCount: 0 };
并且像这样简单地在另一个组件内部呈现:
import InputComponent from "./InputComponent";
...
<InputComponent />
组件渲染得很好。我已经尝试了我能找到的大部分示例,遵循将 React.createClass 重构为 es6 的指南,并且我完全按照教程中的方式进行操作,但它不起作用 ...
我的预感开始指向 MartyJS,MartyJS 和 Marty-express 应该进行初始页面加载服务器端呈现,如果我输入 console.log,我的组件构造函数正在服务器上打印,永远不会在客户端上。我几乎处于完全放弃服务器端渲染反应的边缘,因为似乎有很多相关的细节,但没有关于它的文档。
有人可以谈谈他们的经验吗?也许指向一些使用 MartyJS w/o SSR 的代码?
谢谢
感谢所有花时间查看的人。
也许与 martyJs 有关系,也许没有, MartyJS 的创建者宣布 1.0 将是他的最后一个版本, 所以我转向 redux 作为 flux,我希望在该框架中找到工作示例。