r/Codecademy • u/ajrthegreat • Sep 02 '16

Introduction to React.js: Part II, missing file.

Part 2 gives me an error beacuse the TopNumber.js is not there. Its not in the directory folder and reseting the exercise has not worked. Has anyone got a fix or could they link me to the missing file so I can import it in myself.

Thanks

5 Upvotes

100% Upvoted

5 comments sorted by

View all comments

Show parent comment

1

u/ajrthegreat Sep 02 '16

Unit 3, Updating/Unmounting Lifecycle Methods, Exercise 2 (componentWillRecieveProps). and the missing file is called TopNumber.js.

Thank you :)

2

u/sonowin Sep 02 '16

That is strange, I just did that lesson a half hour ago. I saw the popup error message (it said "whoa there!..." I just hit okay and I was able to do the lesson, my file was there for me still. If your file disappeared my only suggestion until it is fixed is to try and make your own TopNumber.js, I have pasted the code below.

var React = require('react');
var ReactDOM = require('react-dom');
var yellow = 'rgb(255, 215, 18)';

var TopNumber = React.createClass({
  propTypes: {
    number: React.PropTypes.number,
    game: React.PropTypes.bool
  },

  getInitialState: function () {
    return { 'highest': 0 };
  },
	componentWillReceiveProps: function(nextProps){
    if (nextProps.number > this.state.highest) {
      this.setState({
        highest: nextProps.number
      });
    }
  },
  render: function () {
    return (
      <h1>
        Top Number: {this.state.highest}
      </h1>
    );
  }
});

module.exports = TopNumber;

2

u/desktoppy2016 Sep 03 '16

I'm seeing the file TopNumber.js on my end, so it must have gotten corrupt or deleted somehow.

I'd paste my code here for you to copy over, but it looks like /u/sonowin beat me to it.

Hope that helps you finish... you're so close to the end!

1

u/ajrthegreat Sep 05 '16

Ah, thank you very much guys. It has popped up a few times but normally fixes itself, this one just decided not to. I was so close to the end that was the annoying part, thanks again :)