-
lefecucle
查看全部 -
React 前置知識
查看全部 -
初始React
查看全部 -
查看全部 -
查看全部 -
will did相關函數
查看全部 -
js部分：first-引入JSX語法糖對應的解析JS，以及react.js庫 <Script src="JSXTransformer.js"></Script>/*注意，0.14之后，依賴庫已經改為browser.js*/ 然后寫JSX的Script標簽內的type要改 <Script type="text/jsx">/*注意，0.14之后，標簽已經改為text/bable*/ ? ?var Hello = React.createClass({ ? ? ? ?render: function(){ ? ? ? ? ? ?/*添加組件屬性，有一個地方需要注意，就是 class 屬性需要寫成 className ，for 屬性需要寫成 htmlFor ，這是因為 class 和 for 是 JavaScript 的保留字。然后，屬性名都是駝峰命名法*/ ? ? ? ? ? ?return <div className="fontcolor">Hello {this.props.name}</div> ? ? ? ?} ? ?}); ? ?ReactDOM.render( ? ? ? ?<Hello name="World" ></Hello>, ? ? ? ?document,getElementById('example'); ? ?); </Script> 1. JSX 實際上是一種語法糖，寫法類似原生的HTML 嵌套一些JS 變量，其中的JS 變量部分需要用一對大括號包括（如視頻里的`{this.props.name}`）。JSX 最終會由解析器編譯成真正的JS（視頻里沒講到的是，JSX 并不是必須的，需要渲染的內容完全可以直接用JS 寫）； 2. JSX 中如果要為標簽設置類屬性，其名稱應為`className`；因為`class`是JS 里的關鍵字（JSX 只是語法糖，最后要被編譯成JS，所以要考慮JS 的語法約束）； 3. JSX 中為標簽設置樣式屬性，屬性值應為一個對象；由于對象的字面量形式包括一對大括號，所以實際寫法應該是`style={{color: "red", fontSize: '16px'}}`。注意到這里定義字體大小用的是`fontSize`而不是`font-size`，因為JS 操作CSS 屬性名就是以駝峰形式的。
查看全部 -
https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/react.js
https://cdnjs.cloudflare.com/ajax/libs/react/0.13.3/JSXTransformer.js
<!-- React -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/15.1.0/react-dom.js"></script>
<!-- JSX 腳本 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/babel-core/5.6.16/browser.js"></script>
查看全部 -
mvvm查看全部
-
事件綁定處理查看全部
-
自定義組件中
返回html標簽中，只能返回一個組件，如果有多個可以用div去包起來。
查看全部 -
注意this的指代
查看全部 -
調用的函數
查看全部 -
react 組件生命周期
查看全部 -
jx中加入css屬性
查看全部
舉報