Comments (4)
Did you import PropTypes? Can you show us your code?
from fcc-react-tests-module.
Thank you for your reply.
I just loaded the project "solution code" after thinking that I had the correct code from my own attempt and it will not pass - rather, it will not not display the anticipated output in the output area. The devtools console shows the error that I mentioned. This is the step-by-step description of what I tried.
Immediately after loading the solution code for Lesson 20, all of the tests are marked as passing, but the output does not get rendered to the output area on the screen. The error given in the console is Live rendering failed ReferenceError: PropTypes is not defined
I then added the string that was given in Lesson 18 at the top of the code window - import string:
import React, { PropTypes } from 'react';
and the error in the console is now:
Live rendering failed ReferenceError: require is not defined
It is not clear to me how to import PropTypes - perhaps just adding it into the code window is not the correct place? I do not fully understand the user interface for the coding and test environment. I am also trying to set this exercise's solution up in a CodePen project and still not having success, searching for answers has been attempted with no success, but I'll admit that I couldn't spend a lot of time on it last night. Any helpful advice / fixes for this would be appreciated. Thanks!
from fcc-react-tests-module.
In case it isn't clear, I'm using / referring to the Lesson 20 from this link
from fcc-react-tests-module.
Hey @khaduch, thanks for bringing this up. Recently in React v15 propTypes
was separated out from React into it's own module. This deprecation affected these challenges, and although we (crudely) fixed it for the tests we missed it for the live preview. I've fixed it now for this and the other challenges that utilize propTypes
. The working version should be live soon. Thanks for reporting this!
from fcc-react-tests-module.
Related Issues (20)
- Exercise 43 - Seems correct to me. HOT 2
- Typo - Challenge 36: Manage Updates with Lifecycle Methods HOT 1
- Re-write React Challenge 30: Create a Controlled Form HOT 2
- React 30: Using <form> tags with onSubmit listener causes page refresh HOT 4
- React challenge alpha #35 incorrectly accepts a string as a parameter to add or remove event listener call HOT 3
- Not teaching an async or routing library. HOT 1
- Lesson 37 - Rendering and Performance in React HOT 3
- React Lesson 45: setting state based on previous state HOT 2
- React challenge 38 HOT 2
- Redux 14 challenge: Do not Mutate state HOT 5
- React 36 - nextProps issue HOT 5
- Redux 9 HOT 1
- Add a Test Suite for the Project Itself HOT 1
- Render to DOM node failing on all tests requiring it HOT 4
- Redux challenge 7, potentially misleading text in test description HOT 1
- Redux Challenge 10, introductory text might be unclear HOT 1
- use deepFreeze to ensure immutability for redux challenges
- React 23 : Challenge Implementing strict string match. Should probably watch the output instead! HOT 3
- React Challenges Ready to Migrate
Recommend Projects
-
React
A declarative, efficient, and flexible JavaScript library for building user interfaces.
-
Vue.js
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
-
Typescript
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
-
TensorFlow
An Open Source Machine Learning Framework for Everyone
-
Django
The Web framework for perfectionists with deadlines.
-
Laravel
A PHP framework for web artisans
-
D3
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
-
Recommend Topics
-
javascript
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
-
web
Some thing interesting about web. New door for the world.
-
server
A server is a program made to process requests and deliver data to clients.
-
Machine learning
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
-
Visualization
Some thing interesting about visualization, use data art
-
Game
Some thing interesting about game, make everyone happy.
Recommend Org
-
Facebook
We are working to build community through open source technology. NB: members must have two-factor auth.
-
Microsoft
Open source projects and samples from Microsoft.
-
Google
Google ❤️ Open Source for everyone.
-
Alibaba
Alibaba Open Source for everyone
-
D3
Data-Driven Documents codes.
-
Tencent
China tencent open source team.
from fcc-react-tests-module.