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

React.createElement jest rzadko używane i prawdopodobnie nigdy nie będziemy musieli tworzyć elementu React Native przy użyciu tej składni. Ale może się to przydać, jeśli kiedykolwiek będziemy potrzebowali większej kontroli nad tym, jak tworzyć komponent, lub będziemy czytać kod innej osoby. Da to nam również pogląd na to, jak JavaScript kompiluje JSX. React.createElement przyjmuje kilka argumentów:

React.createElement(type, props, children) {}

Przejdźmy kolejno przez nie:

 ■ type – element, który chcemy renderować;

 ■ props – dowolne właściwości, które ma mieć komponent;

 ■ child – komponenty potomne lub tekst.

W poniższym przykładzie do pierwszej instancji React.createElement jako pierwszy argument przekazujemy widok (View), pusty obiekt jako drugi argument oraz inny element jako ostatni argument. W drugiej instancji przekazujemy tekst (Text) jako pierwszy argument, pusty obiekt jako drugi argument oraz „Hello” jako ostatni argument:

class MyComponent extends React.Component {

render() {

return (

React.createElement(View, {},

React.createElement(Text, {}, "Hello")

)

)

}

}

Jest to tym samym, co zadeklarowanie komponentu w następujący sposób:

class MyComponent extends React.Component {

render () {

return (

<View>

<Text>Hello</Text>

</View>

)

}

}