Reactjs 占位符文本应为'；在TextInput React Native中输入文本时无法删除

我需要一些使用TextInput react native的帮助

我试图实现的是，当用户开始在表单字段中键入时，我需要在TextInput中附加“月”文本。如果您查看下面的屏幕截图，查看任期和付费EMI，值分别为123和12。我需要得到像这样的“123个月”和“12个月”动态月应添加到用户输入的值

例如，如果用户键入2，则应显示为“2个月”；如果用户删除2，则默认占位符文本应显示为“36个月”

更重要的是，“月”应该是不可编辑的，用户应该只能输入或更新数值。例如：如果TextInput中的值为“12个月”，并且用户希望将其更新为“32个月”。然后他/她单击文本输入字段并单击backspace 2次，然后输入新值“32”。在ui中，它将显示为“32个月”

[注意：-我只需要捕获数值，我不希望捕获月份值。它只需要在TextInput中为最终用户显示。“32个月”将显示在表单字段中，但状态值应仅为“32”

[已编辑-1添加代码] 渲染功能：-

            <View style={{marginTop:height(2),width:width(90)}}>
           <View style={{height:height(3),marginLeft:width(1)}}>
                <Text style={{fontSize:16,fontFamily:"Ubuntu-Bold"}}>Tenure</Text>
                </View> 
              <View style={{marginTop: height(1),width:width(90),alignItems:"center"}}>
            <TouchableOpacity  style={{width:width(90),flexDirection:"row",backgroundColor:"#F6F6F6",alignItems:"center",justifyContent:"center",height:height(6),borderRadius:12}}>
           
           <TextInput placeholder="36 months"  
                      textAlign={"center"} 
                      value={this.state.tenure}
                      maxLength={3}
                      onChangeText={this.onTenureChanged.bind(this)}
                      keyboardType="number-pad"/>
       </TouchableOpacity>
           </View>
            </View>

            <View style={{marginTop:height(4.5),width:width(90),bottom: height(3)}}>
           <View style={{height:height(3),marginLeft:width(1)}}>
                <Text style={{fontSize:16,fontFamily:"Ubuntu-Bold"}}>Paid EMI</Text>
                </View> 
              <View style={{marginTop: height(1),width:width(90),alignItems:"center"}}>
            <TouchableOpacity  style={{width:width(90),flexDirection:"row",backgroundColor:"#F6F6F6",alignItems:"center",justifyContent:"center",height:height(6),borderRadius:12}}>
           
           <TextInput placeholder="15 months"  
                      textAlign={"center"} 
                      maxLength={3}
                      value={this.state.paidemi}
                      onChangeText={this.onPaidEMIChanged.bind(this)}
                      keyboardType="number-pad"/>
       </TouchableOpacity>
           </View>
            </View>

onTenureChanged(itemValue){
  this.setState({tenure: itemValue})
}

onPaidEMIChanged(itemValue){
  this.setState({paidemi: itemValue})
}

---

如果我是你，我会考虑把代码放在沙箱里，并把它放在这里。或者把代码本身放在这里。现在，它只是一个解释，所以它很难帮助你。当然，我现在正在添加它。实际上，我已经解释了用例。用例被解释了，但是当人们看到代码时，这意味着你付出了一些努力去解决。你自己的问题。在这里，想法是你付出了一些努力，然后陷入困境。如果你只是说用例，它给人的感觉就像你只是在使用社区来解决问题，而没有你方面的任何努力。因此坚持使用代码。谢谢。！Jay。我添加了代码。这很棘手。试试这个，试着编辑数字。让我们我知道这是否有用。