react.js:阻止jsx中的逻辑并将渲染移出组件

时间:2015-05-15 21:50:07

标签: javascript reactjs react-jsx

  1. JSX允许您内联Javascript逻辑/函数调用。有什么方法可以防止这种情况吗?这会强制开发人员将逻辑移出jsx,并将{computed'属性添加到this.state中的componentWillUpdate

  2. 我还想将render完全移出component,因此它只能访问propsstate,而且没有访问this。在实施方面,component将发布一个以{props: this.props, state: this.state}作为数据的事件,事件总线将执行相应的render

  3. 是否有任何现有方法可以满足这些要求?

1 个答案:

答案 0 :(得分:0)

我使用React模板(http://wix.github.io/react-templates/)。我发现逻辑/表示的分离非常有用,因为我的团队中的图形设计人员更容易使用(他们喜欢自己构建标记)。

虽然您仍然可以在模板中使用javascript逻辑,但是非常不方便,并且您不得不考虑组件中的辅助方法,这在我看来更干净,因为所有逻辑都在组件的代码中。

看看它。