2016-07-07 88 views
0

我有一个JSON,并且其中有一些我需要计算的字段。React.js - 计算值的最佳做法

最好的地方在哪里呢?

目前我已经将它设置:

componentWillMount: function() { 
    //Iterating over the JSON object 
} 

计算我所有的值,然后渲染被调用。它工作正常。我只是想知道我做对了吗?

+0

是的。将初始组件操作放入构造函数或componentWillMount中(或者如果需要dom,则为componentDidMount)是一种正常模式。 – mrlew

+0

这取决于。 'componentWillMount'只被调用一次,所以如果数据是静态的,那就没问题了。如果你运行服务器,它会更好(在我看来)。 – ivarni

回答

3

这取决于。您是否安装和卸载该组件很多?计算很重吗?

正如你所说,你现在正在做的事情可能很好。如果你真的想分开数据和计算,你可能想看看reduxreselect

+0

在'reselect'中执行所有繁重算法是否是一种很好的做法?我有一个比赛安排的应用程序,我发现它有时非常缓慢。 :( – JohnnyQ

1

是的,你可以在你的json的componentWillMount中做所有的计算。 然后,您可以相应地设置状态,因为在componentWillMount中设置状态不会导致重新渲染Infact,您的渲染方法将接收更新后的状态。