mirrors/element-web
1
0
Fork 0
mirror of https://github.com/element-hq/element-web synced 2024-10-26 04:35:55 +03:00
Code Issues Projects Releases Packages Wiki Activity

Avoid having react interface methods call each other

Browse source 
Factor out the common bits of componentWillMount and componentWillReceiveProps
to a common function.
This commit is contained in:
Richard van der Hoff 2016-04-21 14:14:08 +01:00
parent e5e9a3819e
commit f09861794d
1 changed files with 10 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

14
src/Velociraptor.js
View file

@ -21,16 +21,22 @@ module.exports = React.createClass({
},
componentWillMount: function() {
this.children = {};
this.nodes = {};
this.componentWillReceiveProps(this.props);
this._updateChildren(this.props.children);
},
componentWillReceiveProps: function(nextProps) {
this._updateChildren(nextProps.children);
},
/**
* update `this.children` according to the new list of children given
*/
_updateChildren: function(newChildren) {
var self = this;
var oldChildren = this.children;
var oldChildren = this.children || {};
this.children = {};
React.Children.toArray(nextProps.children).forEach(function(c) {
React.Children.toArray(newChildren).forEach(function(c) {
if (oldChildren[c.key]) {
var old = oldChildren[c.key];
var oldNode = ReactDom.findDOMNode(self.nodes[old.key]);