В последнее время я больше изучаю компоненты, поэтому давайте узнаем некоторые интересные и важные вещи о компонентах без состояния / функциональных компонентах.
Без сохранения состояния / Функциональный
Функциональные компоненты проще. Они не управляют своим собственным состоянием и не имеют доступа к методам жизненного цикла, предоставляемым React Native. Это буквально простые функции JavaScript. Они также известны как компоненты без состояния.
Функциональные компоненты обычно используются только для целей отображения - эти компоненты вызывают функции родительских компонентов для обработки взаимодействий с пользователем или обновлений состояния.
Синтаксис стрелочной функции ES6, которая принимает реквизиты: дочерний компонент
import React from 'react'
import {View, Text} из 'react-native';
const Greeting = (props) = ›{
return (
‹ Просмотр ›
‹Text› Здравствуйте! {Props.textFirstName} ‹/Text›
‹Text› {props.textLastName} ‹/Text›
‹/View›
) < br />}
экспортировать приветствие по умолчанию;
Примечание. Названия компонентов всегда начинайте с заглавной буквы.
Теперь отображается компонент приветствия из родительского компонента
импортировать React, {Component} из «react»;
импортировать {View} из «react-native»;
импортировать приветствие из «./src/components/hello»;
класс экспорта по умолчанию. Приложение расширяет компонент {
render () {
return (
‹View›
‹Приветствие
textFirstName = {'Bijoy'}
textLastName = {'Mohanta'}
/ ›
‹/View›
);
}
}
= ›Функциональные, потому что в основном это функции JavaScript.
= ›Без сохранения состояния, поскольку они не хранят и / или не управляют состоянием
= ›Презентационные компоненты обычно используются только для отображения
Надеюсь, эта статья сэкономит ваше время и упростит разработку с помощью React Native. Если это все-таки поможет, не забывай хлопать в ладоши! Спасибо :)
Спасибо всем
