Text
文本。

属性及支持度

微信小程序 H5 ReactNative 属性名 类型 默认值 说明
√ √ √ selectable Boolean false 文本是否可选
√ x space Boolean false 显示连续空格
√ x (true) decode Boolean false 是否解码
示例：
  1. import Taro, { Component } from '@tarojs/taro'
  2. import { View, Text } from '@tarojs/components'
  4. export default class PageView extends Component {
  5.   constructor () {
  6.     super(...arguments)
  8.     this.state = {
  9.         contents = []
  10.     }
  11.   }
  13.   add = e => {
  14.     const cot = this.state.contents
  15.     cot.push({text: 'hello world'})
  17.     this.setState(() => {
  18.       return {contents: cot}
  19.     })
  20.   }
  22.   remove = e => {
  23.     const cot = this.state.contents
  24.     cot.pop()
  25.     this.setState(() => {
  26.       return {contents: cot}
  27.     })
  28.   }
  30.   render () {
  31.     return (
  32.       <View className="container">
  33.               {this.state.contents.map(item => {
  34.                 return (
  35.                   <Text>{item.text}</Text>
  36.                 )
  37.               })}
  38.               <Button className="btn-max-w button_style" plain type="default" onClick={this.add}>add line</Button>
  39.               <Button className="btn-max-w button_style" plain type="default" disabled={this.state.contents.length ? false:true} onClick={this.remove}>remove line</Button>
  40.       </View>
  41.     )
  42.   }
  43. }