ES6 匯出元件或屬性 方式案例

// 定義：匿名物件存放所需要的屬性

// commondata.js
export default

//引用：引用匿名物件

//此處的data可以定義任意名稱來指向commondata.js
import data from "./commondata.js"
console.log(data.title);

// 定義：定義乙個常量物件存放所需要的屬性

// commondata.js
export const commdata=

//引用：引用固定物件

//此處的commdata必須和commondata.js定義的保持一致，並且加大括號
import  from "./commondata.js"
console.log(data.title);

//引入屬性型別

import proptypes from 'prop-types';
eg: 常見型別
width: proptypes.number,
onpress: proptypes.func,
containerstyle: proptypes.any,
source: image.proptypes.source,
rounded: proptypes.bool,
title: proptypes.string,
//屬性的任意乙個型別
component: proptypes.oneof([
view,
touchableopacity,
touchablehighlight,
touchablenativefeedback,
touchablewithoutfeedback,
]),

const commoncomponent=props=>=props;

//2、定義屬性的型別限制
commoncomponent.proptypes=
返回元件檢視
return(
view>
);渲染檢視
const rendercontent=()=>
style=
> text>
);   
}//4、定義檢視的樣式
const styles = stylesheet.create(
})};//5、匯出該元件
export default commoncomponent;

import react,  from 'react';

import  from 'react-native';
class helloworldcomponent extends component 
}export helloworldcomponent

es6中元件屬性的形式

var info var myinfo react.createclass reactdom.render document.getelementbyid example 以上 的元件中，有兩個屬性，name 和 school，我們一般見的都是 或者 這兩種形式，但是也可以採用es6中的擴充套件運算...

es6 匯入匯出

1.命名匯出 命名匯出就是明確匯出的變數名稱和值。在src目錄下建立math.js，index.js檔案。math.js內容 case 1 export後面跟變數輸出宣告語句 export var pi 3.14 case 2 export後面直接跟變數定義語句 export var add fun...

es6模組匯入匯出

如何在 webpack 構建的專案中，使用 vue 進行開發 複習 在普通網頁中如何使用vue 1.使用 script 標籤 引入 vue 的包 3.通過 new vue 得到乙個 vm 的例項 在webpack 中嘗試使用 vue 注意 在 webpack 中，使用 import vue from...