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的例子,名为handleClickMyComponent.propTypes = { handleClick: PropTypes.func.isRequired }在上面的例子中, PropTypes.func部分检查handleClick是一个函数。添加isRequired告诉React handleClick是该组件的必需属性。如果未提供支柱,您将看到警告。还要注意func代表function 。在七种JavaScript原语类型中, functionboolean (写为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的例子,名为handleClickMyComponent.propTypes = { handleClick: PropTypes.func.isRequired }在上面的例子中, PropTypes.func部分检查handleClick是一个函数。添加isRequired告诉React handleClick是该组件的必需属性。如果未提供支柱,您将看到警告。还要注意func代表function 。在七种JavaScript原语类型中, functionboolean (写为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 .