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がブラウザで実行できるようにします.
JSXはReactによって運行されます.
3.JSXの使い方
ReactDOM.render():テンプレートをHTML言語に変換し、DOMをレンダリングし、指定されたDOMノードに挿入する.
3つのパラメータ:テンプレートのレンダリング内容 挿入するDOMノード レンダリング後のコールバックは、一般的に を使用しません.
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つのパラメータ: