rn建立元件的三種方式:
1.es6(推薦,比較新的語法)
2.es5
3.函式式
建立hellocomponent.js
/** * 方式1:es6
*/export default class hellocomponent extends component }}
在主頁面中引用這個元件
執行效果:
* 方式2:es5
*/var hellocomponent = react.createclass(
}})module.exports = hellocomponent;
/**
* 方式3:函式式
* 無狀態,不能使用this
*/function hellocomponent(props)
}module.exports = hellocomponent;
Vue建立元件的三種方式
1.1 使用vue.extend來建立元件模板物件 var com1 vue.extend 1.2 使用 vue.component完成元件的建立 vue.component 元件的名稱 建立出來的元件模板物件 注意 使用vue.component 定義全域性元件的時候,如果元件名稱使用了駝峰命名,...
React建立元件的三種方式
react常見的三種元件建立方式,具體如下 函式式定義的無狀態元件 es5原生方式react.createclass定義的元件 es6形式的extends react.component定義的元件 下面我們簡單說一下,這三種方式的用法 適用場合以及區別 import react,from react...
React三種建立元件的方式
react一共有三種建立方式 1 函式式定義的無狀態元件 2 es5原生方式react.createclass建立元件 3 es6繼承react.component方式 無狀態函式式元件是乙個只帶有render方法的函式,並且該元件是無狀態的,具體的形式如下 function hello props...