如何使用 React Native 在 TextInput 值中连接数字代码和字符串

维姬

有两个变量像。

this.state={Amount=50, CurrencySymbol="₹"}

文本输入渲染

<TextInput value={this.state.CurrencySymbol + " " + this.state.Amount.toString()} editable={false}></TextInput>

但货币符号未显示。

有没有办法在 TextInput 中动态打印货币符号

沙纳瓦兹·侯桑

您以错误的方式分配状态值。这应该是这样的:

this.state = {
  Amount: 50,
  CurrencySymbol: "\u0024"
}
  • \u20B9 用于卢比。
  • \u0024 用于美元。

并且TAmount在您的州中没有指定的州。你写的this.state.TAmount.toString()应该是this.state.Amount.toString()

<TextInput value={this.state.CurrencySymbol + " " + this.state.Amount.toString()} editable={false}></TextInput>

更新

由于您有HTML货币符号,因此您可以通过这种方式将其保存到您的状态中:

this.state = {
  Amount: 50,
  CurrencySymbol: "&#x20B9;",
  CurrencySymbols: {
    "&#x20B9;": "\u20B9",
    "&#x20AC;": "\u20AC",
    "&#x0024;": "\u0024"
  }
}

// Then use it on like this
<TextInput value={this.state.CurrencySymbols[this.state.CurrencySymbol] + " " + this.state.Amount.toString()} editable={false}></TextInput>

我猜这可能是您解决问题的最简单方法。

您不能使用HTML在除本土的反应类似的符号react-native-webview

就是这样。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在React Native中验证TextInput值?

如何在React Native中将图标放入TextInput中?

如何在React Native中更改TextInput占位符的样式?

如何在React Native中清除TextInput焦点?(Android)

React Native:如何使<TextInput />从右到左开始?

如何在React Native中在TextInput上应用点击事件

如何停止在textInput React Native中输入空格?

如何在React Native中摆脱textInput缩进(填充)?

如何在React Native提示中添加其他textInput?

如何在React Native中在TextInput上设置焦点或光标

React Native在Redux中获取TextInput值

在React Native中从AsyncStorage设置TextInput值

如何使用React Native检测TextInput中的退格字符

如何使用React Native中的引用更改TextInput的值?

如何在react-native中设置Onpress On Textinput

如何在React Native中获取textinput的文本?

我如何在react-native中替换TextInput中的字符串

React Native中的隐藏TextInput

如何在React Native TextInput中更改光标的宽度?

React Native:此TextInput代码中的onChangeText如何传递值?

如何在React Native Android中聚焦TextInput

如何在React Native中使用React钩子使用TextInput更改对象数组的特定字符串?

React Native:如何在React Native中发送TextInput的值?

无法在React Native中更改或使用导入的TextInput的属性

我如何通过在 react-native 上使用 Nativebase 来使用 TextInput 和 Dropdown

如何在不使用值的情况下设置 TextInput 字段 - React Native

如何在 TextInput 中添加前缀 - React Native

如何在 React Native 中更改 TextInput 的值

React Native - 使用 ref(不受控制的组件)的 TextInput 值