From 36de8039029f4e2e5fe497b7ee1eee77c7c5535d Mon Sep 17 00:00:00 2001 From: Roberto Ruccia Date: Sat, 2 Nov 2019 02:22:19 +0100 Subject: [PATCH] Fix link in use-proptypes-to-define-the-props-you-expect.english.md (#37665) * Fix link in use-proptypes-to-define-the-props-you-expect.english.md * Add a blank line before Note line --- .../use-proptypes-to-define-the-props-you-expect.english.md | 2 ++ 1 file changed, 2 insertions(+) diff --git a/curriculum/challenges/english/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.english.md b/curriculum/challenges/english/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.english.md index 9f6fdd627a..e16f79d958 100644 --- a/curriculum/challenges/english/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.english.md +++ b/curriculum/challenges/english/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.english.md @@ -11,7 +11,9 @@ forumTopicId: 301419 React provides useful type-checking features to verify that components receive props of the correct type. For example, your application makes an API call to retrieve data that you expect to be in an array, which is then passed to a component as a prop. You can set propTypes on your component to require the data to be of type array. This will throw a useful warning when the data is of any other type. It's considered a best practice to set propTypes when you know the type of a prop ahead of time. You can define a propTypes property for a component in the same way you defined defaultProps. Doing this will check that props of a given key are present with a given type. Here's an example to require the type function for a prop called handleClick: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired } + In the example above, the PropTypes.func part checks that handleClick is a function. Adding isRequired tells React that handleClick is a required property for that component. You will see a warning if that prop isn't provided. Also notice that func represents function. Among the seven JavaScript primitive types, function and boolean (written as bool) are the only two that use unusual spelling. In addition to the primitive types, there are other types available. For example, you can check that a prop is a React element. Please refer to the [documentation](https://reactjs.org/docs/jsx-in-depth.html#specifying-the-react-element-type) for all of the options. + Note: As of React v15.5.0, PropTypes is imported independently from React, like this: import React, { PropTypes } from 'react';