Reactnative中的组件状态state----案例

最新推荐文章于 2022-03-31 18:09:42 发布

写代码的小珊子

最新推荐文章于 2022-03-31 18:09:42 发布

阅读量230

点赞数

分类专栏： reactnative

本文链接：https://blog.csdn.net/weixin_44759289/article/details/105976414

版权

reactnative 专栏收录该内容

11 篇文章 0 订阅

订阅专栏

点击name使下面的特点标签改变

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

export default class App extends React.Component{
  state={
    name:'老曹',
    type:'好棒'
  }
  updateState=()=>{
    const type=this.state.type=='开学'?'不开':'开学'
    this.setState({type})
  }
  render(){
    const {name,type}=this.state
    return(
      <View style={styles.container}>
      {/* onPress就是点击click事件 */}
          <Text onPress={this.updateState}>名称：{name}</Text>
          <Text>特点：{type}</Text>
      </View>
    )
  }
}

const styles=StyleSheet.create({
  container:{
    margin:10
  },
})