Warning: Failed prop type: Invalid prop value of type number supplied to Textinput, expected string

最新推荐文章于 2024-05-03 22:41:59 发布

原创最新推荐文章于 2024-05-03 22:41:59 发布 · 1.3w 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#react-native

reactNative采坑之路专栏收录该内容

14 篇文章

订阅专栏

本文解决了一个React Native中常见的警告问题：当使用TextInput组件并传递数字值时出现的类型错误。通过将数字转换为字符串，可以避免警告并确保正确显示。

react-native 使用TextInput标签时会遇到这个警告：

Warning: Failed prop type: Invalid prop value of type number supplied to Textinput, expected string in Textinput (at Appointmentnumber is: 112) in Appointmentnumber(created by Context. Consumen)in withnavigation(Appointmentnumber)(created bySceneview

在道具中你传递的是数值，你必须以字符串的形式传递它，所以这样改进一下代码：

<TextInput
  style={styles.textinput}
  placeholder="站厅预约人数"
  placeholderTextColor = "#cccccc"
  keyboardType = "numeric"
  value={`${this.state.num}`} //这里改进一下就OK
  onChangeText={(num)=> {this.setState({num})}}
/>