Разница между Component {} и Component <Props> {} в реакции / реагировании нативной?

Я установил среду react native. Когда я впервые открыл App.js, я обнаружил:

class MyApp extends Component<Props>{
    ...
}

и обычно мы делаем:

class MyApp extends Component{
    ...
}

Кто-нибудь может рассказать, что такое <Props> и почему мы используем <Props> в react/react native? Будем более признательны за один пример.

Часть <Props> сообщает компилятору / редактору кода, какой тип переменной передается конструктору при создании компонента. Он вообще не нужен и может быть удален, но служит своим целям на довольно больших базах кода, когда вы не уверены, какой тип переменной нужен.

dotconnor 19.11.2018 18:50

Одним словом, безопасность типа. Или два, наверное.

MTCoster 19.11.2018 18:51

Если чей-то ответ решил вашу проблему, вы можете принять его как ответ, установив большой флажок. i.stack.imgur.com/QpogP.png

Abdul Rauf 20.11.2018 09:33
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
Поведение ключевого слова "this" в стрелочной функции в сравнении с нормальной функцией
В JavaScript одним из самых запутанных понятий является поведение ключевого слова "this" в стрелочной и обычной функциях.
Концепция локализации и ее применение в приложениях React ⚡️
Концепция локализации и ее применение в приложениях React ⚡️
Локализация - это процесс адаптации приложения к различным языкам и культурным требованиям. Это позволяет пользователям получить опыт, соответствующий...
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
Улучшение производительности загрузки с помощью Google Tag Manager и атрибута Defer
В настоящее время производительность загрузки веб-сайта имеет решающее значение не только для удобства пользователей, но и для ранжирования в...
Безумие обратных вызовов в javascript [JS]
Безумие обратных вызовов в javascript [JS]
Здравствуйте! Юный падаван 🚀. Присоединяйся ко мне, чтобы разобраться в одной из самых запутанных концепций, когда вы начинаете изучать мир...
Система управления парковками с использованием HTML, CSS и JavaScript
Система управления парковками с использованием HTML, CSS и JavaScript
Веб-сайт по управлению парковками был создан с использованием HTML, CSS и JavaScript. Это простой сайт, ничего вычурного. Основная цель -...
JavaScript Вопросы с множественным выбором и ответы
JavaScript Вопросы с множественным выбором и ответы
Если вы ищете платформу, которая предоставляет вам бесплатный тест JavaScript MCQ (Multiple Choice Questions With Answers) для оценки ваших знаний,...
2
3
176
1
Перейти к ответу Данный вопрос помечен как решенный

Ответы 1

Ответ принят как подходящий

Код, который вы просматриваете, фактически использует типы Flow. Flow - это средство проверки статического типа для JavaScript, разработанное Facebook.

Ссылка: https://flow.org/en/docs/react/components/

Когда я читаю основы документации, этот модуль потока уже установлен в React Native?

Purple Bytes 19.11.2018 18:52

@DhuBytes, это зависит от того, как вы настраиваете среду для реагирования. например с помощью create-react-native-app или вручную? вы можете проверить, существует ли каталог babel-plugin-react-flow-props-to-prop-types в каталоге node_modules или нет

Abdul Rauf 19.11.2018 18:59

Нет, если инструкция <Реквизит> существует в App.js, то это просто означает, что модуль поток также установлен, верно?

Purple Bytes 19.11.2018 19:00

Я занимаюсь собственной разработкой, поэтому я нашел <Реквизит>.

Purple Bytes 19.11.2018 19:01

он должен быть установлен наверное. Обновите свой вопрос, добавив «как вы настраиваете свой проект?» Вы можете быстро собрать и запустить свой проект, чтобы проверить, работает ли он? он не будет построен, если поток не настроен с помощью babel

Abdul Rauf 19.11.2018 19:13

Для чего используется Вавилон в терминах поток и реагировать родной?

Purple Bytes 19.11.2018 19:23

Babel - это транспилятор JavaScript. Плагин Babel Flow будет использоваться для преобразования JavaScript с потоком в код без потока во время сборки.

Abdul Rauf 19.11.2018 21:04

Другие вопросы по теме