JSX允许您内联Javascript逻辑/函数调用。有什么方法可以防止这种情况吗?这会强制开发人员将逻辑移出jsx
,并将{computed'属性添加到this.state
中的componentWillUpdate
。
我还想将render
完全移出component
,因此它只能访问props
和state
,而且没有访问this
。在实施方面,component
将发布一个以{props: this.props, state: this.state}
作为数据的事件,事件总线将执行相应的render
。
是否有任何现有方法可以满足这些要求?
答案 0 :(得分:0)
我使用React模板(http://wix.github.io/react-templates/)。我发现逻辑/表示的分离非常有用,因为我的团队中的图形设计人员更容易使用(他们喜欢自己构建标记)。
虽然您仍然可以在模板中使用javascript逻辑,但是非常不方便,并且您不得不考虑组件中的辅助方法,这在我看来更干净,因为所有逻辑都在组件的代码中。
看看它。