diff --git a/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md b/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md
index 52d8041bc0..98af119308 100644
--- a/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md
+++ b/curriculum/challenges/chinese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.chinese.md
@@ -8,7 +8,7 @@ localeTitle: 使用PropTypes定义您期望的道具
---
## Description
- React提供了有用的类型检查功能,以验证组件是否接收到正确类型的道具。例如,您的应用程序进行API调用以检索您希望在数组中的数据,然后将其作为prop传递给组件。您可以在组件上设置propTypes
,以要求数据类型为array
。当数据是任何其他类型时,这将抛出有用的警告。当您提前知道道具类型时,设置propTypes
被认为是最佳做法。您可以使用与定义defaultProps
相同的方式为组件定义propTypes
属性。这样做将检查给定键的道具是否存在给定类型。这是一个需要类型function
的例子,名为handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
在上面的例子中, PropTypes.func
部分检查handleClick
是一个函数。添加isRequired
告诉React handleClick
是该组件的必需属性。如果未提供支柱,您将看到警告。还要注意func
代表function
。在七种JavaScript原语类型中, function
和boolean
(写为bool
)是唯一使用异常拼写的两种类型。除了原始类型,还有其他类型可用。例如,您可以检查prop是否为React元素。有关所有选项,请参阅文档。 注意:从React v15.5.0开始, PropTypes
独立于React import React, { PropTypes } from 'react';
,如下所示: import React, { PropTypes } from 'react';
+ React提供了有用的类型检查功能,以验证组件是否接收到正确类型的道具。例如,您的应用程序进行API调用以检索您希望在数组中的数据,然后将其作为prop传递给组件。您可以在组件上设置propTypes
,以要求数据类型为array
。当数据是任何其他类型时,这将抛出有用的警告。当您提前知道道具类型时,设置propTypes
被认为是最佳做法。您可以使用与定义defaultProps
相同的方式为组件定义propTypes
属性。这样做将检查给定键的道具是否存在给定类型。这是一个需要类型function
的例子,名为handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
在上面的例子中, PropTypes.func
部分检查handleClick
是一个函数。添加isRequired
告诉React handleClick
是该组件的必需属性。如果未提供支柱,您将看到警告。还要注意func
代表function
。在七种JavaScript原语类型中, function
和boolean
(写为bool
)是唯一使用异常拼写的两种类型。除了原始类型,还有其他类型可用。例如,您可以检查prop是否为React元素。有关所有选项,请参阅文档。 注意:从React v15.5.0开始, PropTypes
独立于React import PropTypes from 'prop-types';
,如下所示: import PropTypes from 'prop-types';
## Instructions
为Items
组件定义propTypes
以要求quantity
作为prop并验证它是否为number
类型。
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 e16f79d958..d95c26a3fa 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
@@ -15,7 +15,7 @@ It's considered a best practice to set propTypes
when you know the
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';
+import PropTypes from 'prop-types';
## Instructions
diff --git a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md
index 7b4d785d35..e4a6717350 100644
--- a/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md
+++ b/curriculum/challenges/portuguese/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.portuguese.md
@@ -8,7 +8,7 @@ localeTitle: Use PropTypes para definir os suportes que você espera
---
## Description
- O React fornece recursos úteis de verificação de tipos para verificar se os componentes recebem props do tipo correto. Por exemplo, seu aplicativo faz uma chamada de API para recuperar dados que você espera estar em uma matriz, que é então passada para um componente como um prop. Você pode definir propTypes
no seu componente para exigir que os dados sejam do tipo array
. Isso lançará um aviso útil quando os dados forem de qualquer outro tipo. É considerado uma boa prática definir propTypes
quando você conhece o tipo de suporte antes do tempo. Você pode definir uma propriedade propTypes
para um componente da mesma maneira que definiu defaultProps
. Fazendo isso, você verifica se os objetos de uma determinada chave estão presentes em um determinado tipo. Aqui está um exemplo para requerer a function
type para um handleClick
chamado handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
No exemplo acima, a parte PropTypes.func
verifica que handleClick
é uma função. Adicionando isRequired
diz React que handleClick
é uma propriedade necessária para esse componente. Você verá um aviso se esse suporte não for fornecido. Observe também que func
representa a function
. Entre os sete tipos primitivos de JavaScript, function
e boolean
(escrito como bool
) são os dois únicos que usam ortografia incomum. Além dos tipos primitivos, existem outros tipos disponíveis. Por exemplo, você pode verificar se um prop é um elemento React. Por favor, consulte a documentação de todas as opções. Nota: A partir do React v15.5.0, PropTypes
é importado independentemente do React, desta forma: import React, { PropTypes } from 'react';
+ O React fornece recursos úteis de verificação de tipos para verificar se os componentes recebem props do tipo correto. Por exemplo, seu aplicativo faz uma chamada de API para recuperar dados que você espera estar em uma matriz, que é então passada para um componente como um prop. Você pode definir propTypes
no seu componente para exigir que os dados sejam do tipo array
. Isso lançará um aviso útil quando os dados forem de qualquer outro tipo. É considerado uma boa prática definir propTypes
quando você conhece o tipo de suporte antes do tempo. Você pode definir uma propriedade propTypes
para um componente da mesma maneira que definiu defaultProps
. Fazendo isso, você verifica se os objetos de uma determinada chave estão presentes em um determinado tipo. Aqui está um exemplo para requerer a function
type para um handleClick
chamado handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
No exemplo acima, a parte PropTypes.func
verifica que handleClick
é uma função. Adicionando isRequired
diz React que handleClick
é uma propriedade necessária para esse componente. Você verá um aviso se esse suporte não for fornecido. Observe também que func
representa a function
. Entre os sete tipos primitivos de JavaScript, function
e boolean
(escrito como bool
) são os dois únicos que usam ortografia incomum. Além dos tipos primitivos, existem outros tipos disponíveis. Por exemplo, você pode verificar se um prop é um elemento React. Por favor, consulte a documentação de todas as opções. Nota: A partir do React v15.5.0, PropTypes
é importado independentemente do React, desta forma: import PropTypes from 'prop-types';
## Instructions
Defina propTypes
para o componente Items
para exigir quantity
como um prop e verifique se é do tipo number
.
diff --git a/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md b/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md
index f5a99123f2..38fee36c74 100644
--- a/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md
+++ b/curriculum/challenges/russian/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.russian.md
@@ -9,7 +9,7 @@ localeTitle: Используйте PropTypes для определения ре
## Description
-React предоставляет полезные функции проверки типов для проверки того, что компоненты получают реквизиты правильного типа. Например, ваше приложение вызывает вызов API для извлечения данных, которые вы ожидаете в массиве, который затем передается компоненту в качестве опоры. Вы можете установить propTypes
на свой компонент, чтобы требовать, чтобы данные имели тип array
. Это даст полезное предупреждение, когда данные относятся к любому другому типу. Рекомендуется использовать propTypes
когда вы propTypes
знаете тип пропеллера. Вы можете определить свойство propTypes
для компонента так же, как вы определили defaultProps
. При этом будет проверяться наличие реквизита данного ключа с заданным типом. Вот пример, требующий function
типа для prop, называемого handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
В приведенном выше PropTypes.func
часть PropTypes.func
проверяет, что handleClick
является функцией. Добавление isRequired
говорит React, что handleClick
является обязательным свойством для этого компонента. Вы увидите предупреждение, если эта поддержка не указана. Также обратите внимание, что func
представляет function
. Среди семи простых примитивов JavaScript function
и boolean
(написанное как bool
) - это только два, которые используют необычную орфографию. В дополнение к примитивным типам доступны другие типы. Например, вы можете проверить, что опорный элемент является элементом React. Пожалуйста, обратитесь к документации по всем параметрам. Примечание. Начиная с версии React v15.5.0, PropTypes
импортируется независимо от React, например: import React, { PropTypes } from 'react';
+React предоставляет полезные функции проверки типов для проверки того, что компоненты получают реквизиты правильного типа. Например, ваше приложение вызывает вызов API для извлечения данных, которые вы ожидаете в массиве, который затем передается компоненту в качестве опоры. Вы можете установить propTypes
на свой компонент, чтобы требовать, чтобы данные имели тип array
. Это даст полезное предупреждение, когда данные относятся к любому другому типу. Рекомендуется использовать propTypes
когда вы propTypes
знаете тип пропеллера. Вы можете определить свойство propTypes
для компонента так же, как вы определили defaultProps
. При этом будет проверяться наличие реквизита данного ключа с заданным типом. Вот пример, требующий function
типа для prop, называемого handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
В приведенном выше PropTypes.func
часть PropTypes.func
проверяет, что handleClick
является функцией. Добавление isRequired
говорит React, что handleClick
является обязательным свойством для этого компонента. Вы увидите предупреждение, если эта поддержка не указана. Также обратите внимание, что func
представляет function
. Среди семи простых примитивов JavaScript function
и boolean
(написанное как bool
) - это только два, которые используют необычную орфографию. В дополнение к примитивным типам доступны другие типы. Например, вы можете проверить, что опорный элемент является элементом React. Пожалуйста, обратитесь к документации по всем параметрам. Примечание. Начиная с версии React v15.5.0, PropTypes
импортируется независимо от React, например: import PropTypes from 'prop-types';
## Instructions
diff --git a/curriculum/challenges/spanish/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.spanish.md b/curriculum/challenges/spanish/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.spanish.md
index 45ff6a56f2..7cab7b172b 100644
--- a/curriculum/challenges/spanish/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.spanish.md
+++ b/curriculum/challenges/spanish/03-front-end-libraries/react/use-proptypes-to-define-the-props-you-expect.spanish.md
@@ -8,7 +8,7 @@ localeTitle: Use PropTypes para definir los beneficios que espera
---
## Description
- React proporciona funciones útiles de verificación de tipos para verificar que los componentes reciban accesorios del tipo correcto. Por ejemplo, su aplicación realiza una llamada a la API para recuperar datos que espera estar en una matriz, que luego se pasa a un componente como prop. Puede establecer propTypes
en su componente para requerir que los datos sean de tipo array
. Esto arrojará una advertencia útil cuando los datos sean de cualquier otro tipo. Se considera una buena práctica establecer los propTypes
cuando conoce el tipo de accesorio con anticipación. Puede definir una propiedad propTypes
para un componente de la misma manera que definió defaultProps
. Al hacer esto se verificará que los accesorios de una clave dada estén presentes con un tipo dado. Aquí hay un ejemplo para requerir la function
tipo para un prop llamado handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
En el ejemplo anterior, la parte PropTypes.func
verifica que handleClick
es una función. Agregar isRequired
le dice a React que handleClick
es una propiedad requerida para ese componente. Verá una advertencia si no se proporciona ese apoyo. También note que func
representa la function
. Entre los siete tipos primitivos de JavaScript, function
y boolean
(escrito como bool
) son los únicos dos que utilizan una ortografía inusual. Además de los tipos primitivos, hay otros tipos disponibles. Por ejemplo, puedes verificar que un prop es un elemento React. Por favor, consulte la documentación para todas las opciones. Nota: A partir de React v15.5.0, PropTypes
se importa independientemente de React, de la siguiente manera: import React, { PropTypes } from 'react';
+ React proporciona funciones útiles de verificación de tipos para verificar que los componentes reciban accesorios del tipo correcto. Por ejemplo, su aplicación realiza una llamada a la API para recuperar datos que espera estar en una matriz, que luego se pasa a un componente como prop. Puede establecer propTypes
en su componente para requerir que los datos sean de tipo array
. Esto arrojará una advertencia útil cuando los datos sean de cualquier otro tipo. Se considera una buena práctica establecer los propTypes
cuando conoce el tipo de accesorio con anticipación. Puede definir una propiedad propTypes
para un componente de la misma manera que definió defaultProps
. Al hacer esto se verificará que los accesorios de una clave dada estén presentes con un tipo dado. Aquí hay un ejemplo para requerir la function
tipo para un prop llamado handleClick
: MyComponent.propTypes = { handleClick: PropTypes.func.isRequired }
En el ejemplo anterior, la parte PropTypes.func
verifica que handleClick
es una función. Agregar isRequired
le dice a React que handleClick
es una propiedad requerida para ese componente. Verá una advertencia si no se proporciona ese apoyo. También note que func
representa la function
. Entre los siete tipos primitivos de JavaScript, function
y boolean
(escrito como bool
) son los únicos dos que utilizan una ortografía inusual. Además de los tipos primitivos, hay otros tipos disponibles. Por ejemplo, puedes verificar que un prop es un elemento React. Por favor, consulte la documentación para todas las opciones. Nota: A partir de React v15.5.0, PropTypes
se importa independientemente de React, de la siguiente manera: import PropTypes from 'prop-types';
## Instructions
Defina propTypes
para que el componente Items
requiera quantity
como prop y verifique que sea de tipo number
.