Как сделать проверку на props в React? в REACT

Привет, Вы узнаете о том , что такое Как сделать проверку на props в React? в REACT, Разберем основные их виды и особенности использования. Еще будет много подробных примеров и описаний. Для того чтобы лучше понимать что такое Как сделать проверку на props в React? в REACT , настоятельно рекомендую прочитать все из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend).

51. Когда приложение работает в режиме разработки , React автоматически проверит все реквизиты, которые мы установили для компонентов, чтобы убедиться, что они имеют правильный тип . Если тип указан неверно, React сгенерирует предупреждающие сообщения в консоли. Он отключен в производственном режиме из-за влияния на производительность. Обязательные реквизиты определяются с 

    isRequired
    .

    Набор предопределенных типов проп:

    1. PropTypes.number
    2. PropTypes.string
    3. PropTypes.array
    4. PropTypes.object
    5. PropTypes.func
    6. PropTypes.node
    7. PropTypes.element
    8. PropTypes.bool
    9. PropTypes.symbol
    10. PropTypes.any

    Мы можем определить 

    propTypes
    для 
    User
    компонента, как показано ниже:

    import React from 'react'
    import PropTypes from 'prop-types'
    
    class User extends React.Component {
      static propTypes = {
        name: PropTypes.string.isRequired,
        age: PropTypes.number.isRequired
      }
    
      render() {
        return (
          <>
            <h1>{`Welcome, ${this.props.name}`}</h1>
            <h2>{`Age, ${this.props.age}`}</h2>
          </>
        )
      }
    }

    Примечание: В React v15.5 PropTypes были перемещены из 

    React.PropTypes
    в 
    prop-types
    библиотеке.

⬆ Вернуться к началу

Исследование, описанное в статье про Как сделать проверку на props в React? в REACT, подчеркивает ее значимость в современном мире. Надеюсь, что теперь ты понял что такое Как сделать проверку на props в React? в REACT и для чего все это нужно, а если не понял, или есть замечания, то не стесняйся, пиши или спрашивай в комментариях, с удовольствием отвечу. Для того чтобы глубже понять настоятельно рекомендую изучить всю информацию из категории Выполнение скриптов на стороне клиента JavaScript, jqvery, JS фреймворки (Frontend)