RN建立元件的三種方式

2021-08-28 23:09:44 字數 835 閱讀 9039

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...