我是靠谱客的博主 羞涩雨,最近开发中收集的这篇文章主要介绍nodejs里面module用法案例 有两个文件,app.js和new.js;其中new.js中建了一个类New2019;,觉得挺不错的,现在分享给大家,希望可以做个参考。
概述
有两个文件,app.js和new.js;其中new.js中建了一个类New2019;
在app.js中调用类New2019,有两种方式如下:
- var Header2019=require("./header");
- import {Header2019} from './header';
在new.js文件中引出该类
module.exports=New2019;
1.首先创建new.js文件
class New2019 extends Component<Props> {
show(title) {
alert(title);
};
render(){
//定义数组,用于存储设置Text组件;
var newsComponents=[];
for (var i in this.props.news) {
var text= (
<Text
onPress={this.show.bind(this,this.props.news[i])}
style={styles.news_item}
nemberOfLines={2}
key={i}>
{this.props.news[i]}
</Text>
);
newsComponents.push(text);
};
return (
<View style={styles.flex}>
<Text style={styles.news_title}>今日要闻</Text>
{newsComponents}
</View>
);
}
};
var styles=StyleSheet.create({
flex:{
flex:1,
},
news_title:{
fontSize:20,
fontWeight:"bold",
color:"#CD1D1C",
marginLeft:10,
marginTop:15,
},
news_item:{
marginTop:10,
marginLeft:10,
marginRight:10,
fontSize:15,
lineHeight:30,
},
});
module.exports=New2019;
2.在app.js里面调用
var Header2019=require("./header");
var New2019=require("./new");
//import {Header2019} from './header';
export default class App extends Component<Props> {
render() {
var news=[
"1.快速了解微信小程序",
"2.快速了解APP开发",
"3.快速了解RN开发"
];
return (
<View style={styles.container}>
<ScrollView>
<Header2019></Header2019>
<New2019 news={news}></New2019>
<AntDesign name={'stepforward'} size={50} style={{color:'red'}}></AntDesign>
</ScrollView>
</View>
);
}
}
最后
以上就是羞涩雨为你收集整理的nodejs里面module用法案例 有两个文件,app.js和new.js;其中new.js中建了一个类New2019;的全部内容,希望文章能够帮你解决nodejs里面module用法案例 有两个文件,app.js和new.js;其中new.js中建了一个类New2019;所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复