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

曲小强

于 2019-03-27 10:14:33 发布

阅读量1.3w

点赞数 2

CC 4.0 BY-SA版权

分类专栏： reactNative采坑之路文章标签： react-native

本文链接：https://blog.youkuaiyun.com/quhongqiang/article/details/88837813

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

14 篇文章

订阅专栏

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

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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})}}
/>