美文网首页
Day4 处理文本输入/

Day4 处理文本输入/

作者: 十旋转45度 | 来源:发表于2017-11-22 17:08 被阅读0次

参考: 处理文本输入

  constructor(props) {
    super(props);
    this.state = {text: ''};
  }

  render() {
    return (
      <View style={{padding: 10}}>
        <TextInput
          style={{height: 40}}
          placeholder="Type here to translate!"
          onChangeText={(text) => this.setState({text})}
        />
        <Text style={{padding: 10, fontSize: 42}}>
          {this.state.text.split(' ').map((word) => word && '🍕').join(' ')}
        </Text>
      </View>
    );
  }
}

相关文章

  • Day4 处理文本输入/

    参考: 处理文本输入

  • React Native 学习手记(四)

    本章节主要介绍 处理文本输入 处理触摸事件 使用滚动视图 处理文本输入 使用TextInput组件处理文本输入 o...

  • 处理文本输入

    TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性,此属性接受一个函数...

  • rn处理文本输入

    关于{this.state.text.split(' ').map((word) => word && '?')....

  • 3,元素处理

    元素处理: 文本输入框:sendkeyscleargetAttributegetText Select菜单: 单选...

  • RN的&&在文本输入中的应用

    处理文本输入 TextInput是一个允许用户输入文本的基础组件。它有一个名为onChangeText的属性,此属...

  • 基础篇_处理文本输入

    TextInput 是一个允许用户输入文本的基础组件。 它有一个名为 onChangeText 的属性,此属性接受...

  • Python的格式化文本

    文:张利东公众号:DongTalks 1. 缘起 程序处理无非输入、处理和输出,其中输出以文本居多,文本的格式化是...

  • 阅读体系的建立

    阅读系统建立原理,主要基于以下三个方面:输入—》处理—》输出 1,输入 眼睛 耳朵 有效输入 A,选择文本 1,如...

  • ios基础。小白篇

    文本 UIlable输入文本、输入文本框 UITextFiled \ UITextview单行输入文本框

网友评论

      本文标题:Day4 处理文本输入/

      本文链接:https://www.haomeiwen.com/subject/aeenvxtx.html