React Native筆記(一)React基礎知識を学ぶ

993 ワード

ReactはWebアプリケーション開発に用いられ、React NativeはReact方式でモバイルアプリケーション開発を行う.
React Nativeは原生のNativeとのインタラクティブ体験があります.
一、buildカバンの中の三つのファイルのそれぞれの機能は以下の通りです.
react.js:Reactコアライブラリ
react-dom.js:DOMに関する機能を提供します.
browser.min.js:JSX文法をJavaScript文法に変換する.
二、JSX
1.ReactではJSXを使うとJavaScriptと互換性がないので、JSXを使うところにtype=「text/babel」を設定します.
Babel:変換コンパイラは、ES 6がブラウザで実行できるようにします.

    ……
2.JSXはシンタックス飴です.
JSXはReactによって運行されます.
3.JSXの使い方
-       (  :     ,  :DOM     )
-   
-         (           )
-     
- htmlFor className(html  ,class)
-          
-      ({this.props.name ? this.props.name : "World"})
-     (         )
-            (             )
-      ({this.props.name || "World"})
-         
二、レンダー
ReactDOM.render():テンプレートをHTML言語に変換し、DOMをレンダリングし、指定されたDOMノードに挿入する.
3つのパラメータ:
  • テンプレートのレンダリング内容
  • 挿入するDOMノード
  • レンダリング後のコールバックは、一般的に
  • を使用しません.