react - 7. 视图中的component

内容简介：每个extends React.Component的class, 都是一个component ,可以直接用在 jsx里。非常类似于 .jsp,   .vue,  Rails 中的partial.例如，我 自定义一个这样的component

import React,  { Component} from 'react';
import {Image, Platform, StyleSheet, Text, View, Button} from 'react-native'

class Book extends Compent{
  render (){
    return(
      <View style={{alignItems: 'center'}}>
        <Text> 《{this.props.name}》
        </Text>
      </View>
    )
  }
}

export default class MyFavorateBooks extends Component{

  render(){
    return(
      <View>
        <Book name="三体1:" />
        <Book name="三体2：黑暗森林" />
        <Book name="三体3：死神永生" />
      </View>
    )
  }
}

以上就是本文的全部内容，希望本文的内容对大家的学习或者工作能带来一定的帮助，也希望大家多多支持 码农网

关注我们，获取更多IT资讯^_^

查看所有标签

• iOS小技巧·把子视图控制器的视图添加到父视图控制器
• CouchDB 视图简介及增量更新视图的方法
• c# – 将数据从部分视图传递到其父视图
• Django 基于函数的视图与基于类的视图
• 类视图
• laravel 基础教程 —— 视图

本站部分资源来源于网络，本站转载出于传递更多信息之目的，版权归原作者或者来源机构所有，如转载稿涉及版权问题，请联系我们。