当方、reactは経験者ですが、reactnativeは初心者です。
expoを使ってbuildをしたのですが、App.jsが以下のようになっていました。
import React from 'react'; import { StyleSheet, Text, View } from 'react-native'; export default function App() { return ( <View style={styles.container}> <Text>Open up App.js to start working on your app!</Text> </View> ); } const styles = StyleSheet.create({ container: { flex: 1, backgroundColor: '#fff', alignItems: 'center', justifyContent: 'center', }, });
これは全然理解できるのですが、このApp()をどこで実行しているのでしょうか?上記コードはあくまで定義のみのように思えます。
reactの時はhtmlからクラスやidを取得してそこで実行するみたいなことをやっていたと思います。
class HelloMessage extends React.Component { render() { return ( <div> Hello {this.props.name} </div> ); } } ReactDOM.render( <HelloMessage name="Taylor" />, document.getElementById('hello-example') );
こんな感じです。
調べてみるとreactnativeにはDOMの概念がないということなので、getElementById('hello-example')とかが叩けないのは何となく分かりました。
そうなるとreactnativeにおいて描画はどのように行われているのか(renderがない?)、そのトリガーはなんなのかがコードを見ただけだと分かりませんでした。
お教えいただける方がいましたらお願いします。
回答1件
あなたの回答
tips
プレビュー
バッドをするには、ログインかつ
こちらの条件を満たす必要があります。
2020/01/06 09:22
2020/01/06 10:14