React Native TextInput 有一个默认值当状态改变时我们如何更新/传递 DefualtValue 作为文本条目(onchangetext)

Posted

技术标签:

【中文标题】React Native TextInput 有一个默认值当状态改变时我们如何更新/传递 DefualtValue 作为文本条目(onchangetext)【英文标题】:React Native TextInput have a Default Value How can we update/pass DefualtValue as a Text entry when state change (onchangetext) 【发布时间】:2019-02-03 20:24:38 【问题描述】:
this.state  // state 
    Name:'',


<TextInput   
    placeholder='name'
    defaultValue=this.state.items.name// default value
    returnKeyType="next"
    ref=(input) => this.name = input
onChangeText=name => this.setState(Name:name)
 </TextInput>

案例:当我们更新文本字段是否有文本值时,就可以了 如果文本字段为空(无文本输入),那么我们如何将文本字段替换为 defaultValue?

【问题讨论】:

【参考方案1】:

您似乎有一个类型错误,您的 State 中没有对象项目,也没有键名,您的 State 对象仅包含 Object Name,因此要访问它,请使用此

 this.state  // state 
   Name:''
  

<TextInput   
  placeholder='name'
  defaultValue=this.state.Name// default value //editted here
  returnKeyType="next"
  ref=(input) => this.name = input
  onChangeText=name => this.setState(Name:name)
</TextInput>

【讨论】:

以上是关于React Native TextInput 有一个默认值当状态改变时我们如何更新/传递 DefualtValue 作为文本条目(onchangetext)的主要内容,如果未能解决你的问题,请参考以下文章

React Native 组件之TextInput

删除行时如何使多行TextInput缩小(React-Native)?

如何使用 react-native 的 TextInput 的 `selectionState` 属性?

React Native 之 TextInput(多个语法知识)

fontFamily 'Arial' 不是使用 react-native-textinput-effects 的系统字体

TextInput 在 react-native 中隐藏在键盘后面