失败的道具类型无效的道具'值'

Question

我在react native中引入了用于搜索的Texinput。代码如下：

      constructor(props){
        super(props);
        this.state = {
          value : "",
          items: [],
        }

        this.handleHeaderSearch = this.handleHeaderSearch.bind(this);
        this.handleSearchBtn = this.handleSearchBtn.bind(this);
      }
      handleSearchBtn(){

      }
      handleHeaderSearch(){
        if(!this.state.value) return;

  }

和：

<TextInput
  value={this.props.value}
  onChange = {this.props.onChange}
  placeholder={"جستجو"}
  blurOnSubmit={false}
  style={{flex:0.9}}
  returnKeyType="done"
/>

每当我在输入文本后运行Android时，我都会看到这个警告：

警告失败属性类型为TextInput提供的“object”类型的无效属性“value”，应为“string”

Answer 1

我在输入时遇到同样的错误，如果有人使用这样的功能组件，请将useState（“”）设置为空字符串（如果useState设置为null或undefined）。

转换value={String（text）}不适合我，当我试图将文本的值转换为String时，它会在输入占位符中显示[对象，对象]。

const HomeContainer = () => {
  const [text, onChangeText] = useState(''); // Just set useState() to empty string ('')
    
        return (
          <>
          <SafeAreaView>
            <ScrollView styles={styles.scrollView}>
            <Text style={styles.welcome}>Verify Faces</Text>
            <Text></Text>
            <View
            style={[
              styles.container,
              {backgroundColor: COLORS.primaryLight}
            ]}>
                <TextInput style={styles.input} value={text} onChange={onChangeText} placeholder='Enter your name' placeholderTextColor = "#000"/>
                <TextInput style={styles.input} value={text} type='email' onChange={onChangeText} placeholder='Enter your email' placeholderTextColor = "#000"/>
              </View>
              <SimpleImagePicker />
            </ScrollView>
          </SafeAreaView>
          </>
        );
}

Answer 2

在某些情况下，您提到的错误或警告：失败的道具类型：提供给文本输入的类型号的道具值无效，当您尝试输入类型号而不是字符串的值时，会出现预期的字符串。react-母语的最佳实践是用String（）函数包装输入值，如下所示：

<TextInput
  value={String(this.props.value)}
  onChange = {this.props.onChange}
  placeholder={"جستجو"}
  blurOnSubmit={false}
  style={{flex:0.9}}
  returnKeyType="done"
/>

这就是您如何解决警告：失败的道具类型：提供给“文本输入”的“数字”类型的无效道具“值”，预期的“字符串”。

Answer 3

您将值存储在this.state.value中（或者至少这似乎是您的意图），但是您将this.props.value传递到您的TextInput。

如果您确实打算传入此。道具。值，这将有助于了解传递到此组件的内容（向上一级）。