我和MartyJS一起玩,marty-express并做出反应。和以下代码:
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,我完全按照教程完成,它只是不起作用......
My Hunch开始指向MartyJS,MartyJS和Marty-express应该在初始页面加载服务器端渲染,我的组件构造函数,如果我放入console.log,正在服务器上打印,而且从不在客户。我几乎完全放弃了服务器端渲染的反应,因为似乎有很多细节相关而且没有相关的文档。
有人可以谈谈他们的经历吗?也许指向一些使用MartyJS没有SSR的代码?
由于
答案 0 :(得分:0)
感谢任何花时间仔细研究过的人。
也许它与martyJs有关,也许它没有, MartyJS的创建者宣布1.0将是他的最后一次发布, 因此,我希望在该框架中找到工作实例。