diff --git a/src/examples/Simple/Cube.js b/src/examples/Simple/Cube.js new file mode 100644 index 0000000..ad90a89 --- /dev/null +++ b/src/examples/Simple/Cube.js @@ -0,0 +1,35 @@ +import React from 'react'; +import React3 from 'react-three-renderer'; +import THREE from 'three'; + +class Cube extends React.Component { + + componentWillReceiveProps() { + if( window.debuggg ) { + console.log('Cube.js componentWillReceiveProps'); + } + } + + render() { + if( window.debuggg ) { + window.debuggg = false; + console.log('Cube.js render'); + } + return ( + + + + + ); + } +} + +export default Cube; diff --git a/src/examples/Simple/index.js b/src/examples/Simple/index.js index 12f0c73..b7bbb6a 100644 --- a/src/examples/Simple/index.js +++ b/src/examples/Simple/index.js @@ -2,6 +2,8 @@ import React from 'react'; import React3 from 'react-three-renderer'; import THREE from 'three'; +import Cube from './Cube'; + class Simple extends React.Component { static propTypes = { width: React.PropTypes.number.isRequired, @@ -36,6 +38,12 @@ class Simple extends React.Component { }; } + componentDidUpdate() { + if( window.debuggg ) { + console.log('index.js componentDidUpdate called'); + } + } + render() { const { width, @@ -45,6 +53,10 @@ class Simple extends React.Component { // or you can use: // width = window.innerWidth // height = window.innerHeight + // + if( window.debuggg ) { + console.log('index.js wrapper render'); + } return ( - - - - + /> ); }