Читать книгу React Native w akcji - Nader Dabit - Страница 43

KOMPONENT BEZSTANOWY (WIELOKROTNEGO ZASTOSOWANIA) (JSX)

Оглавление

Możliwość tworzenia bezstanowych komponentów mamy od czasu wydania React 0.14. Nie zagłębialiśmy się jeszcze w pojęcie stanowości, ale pamiętajmy tylko, że bezstanowe komponenty są w zasadzie czystymi funkcjami, które nie mogą zmieniać własnych danych i nie zawierają własnego stanu. Ta składnia jest znacznie bardziej przejrzysta niż class lub createClass:

import React from 'react'

import { View, Text } from 'react-native'

const MyComponent = () => (

<View>

<Text>Hello World</Text>

</View>

)

lub

import React from 'react'

import { View, Text } from 'react-native'

function MyComponent () {

return <View><Text>HELLO FROM STATELESS</Text></View>

}

React Native w akcji

Подняться наверх