title: Text

sidebar_label: Text

文本

属性及支持度

示例：

import Taro, { Component } from '@tarojs/taro'
import { View, Text } from '@tarojs/components'
export default class PageView extends Component {
  constructor () {
    super(...arguments)
    this.state = {
      contents = []
    }
  }
  add = e => {
    const cot = this.state.contents
    cot.push({text: 'hello world'})
    this.setState(() => {
      return {contents: cot}
    })
  }
  remove = e => {
    const cot = this.state.contents
    cot.pop()
    this.setState(() => {
      return {contents: cot}
    })
  }
  render () {
    return (
      <View className='container'>
        {this.state.contents.map(item => {
          return (
            <Text>{item.text}</Text>
          )
        })}
        <Button className='btn-max-w button_style' plain type='default' onClick={this.add}>add line</Button>
        <Button className='btn-max-w button_style' plain type='default' disabled={this.state.contents.length ? false:true} onClick={this.remove}>remove line</Button>
      </View>
    )
  }
}