javascript - Failed prop type: Invalid prop 'value' of type 'object' supplied to 'TextIn

admin管理员组

文章数量:1201411

I have the following TextInput Component:

<TextInput value={this.state.inputText}
  maxLength={1}
  onSubmitEditing={this.textHandler}
  onChangeText={(text) => this.setState({inputText: text})} />

When I change the input to '' and submit it (in the TextInput) I have the following error: "Failed prop type: Invalid prop 'value' of type 'object' supplied to 'TextInput'"

I tried deleting each callback and apparently, the error is throwed because of the 'onSubmitEditing'.

textHandler = (text) => {

  if(text == '' || text == '-' ){
    text = '0';
  }

  this.setState({inputText: text});
}

How can I make the callback to be called only where text is a string and not an object?

I have the following TextInput Component:

<TextInput value={this.state.inputText}
  maxLength={1}
  onSubmitEditing={this.textHandler}
  onChangeText={(text) => this.setState({inputText: text})} />

When I change the input to '' and submit it (in the TextInput) I have the following error: "Failed prop type: Invalid prop 'value' of type 'object' supplied to 'TextInput'"

I tried deleting each callback and apparently, the error is throwed because of the 'onSubmitEditing'.

textHandler = (text) => {

  if(text == '' || text == '-' ){
    text = '0';
  }

  this.setState({inputText: text});
}

How can I make the callback to be called only where text is a string and not an object?

• javascript
• react-native
• textinput

Share Improve this question Follow asked Jul 18, 2017 at 8:54 MichaelMichael 24122 gold badges33 silver badges99 bronze badges

Add a comment  | 

2 Answers 2

Sorted by: Reset to default 11

change your onSubmitEditing to

onSubmitEditing={(event) => this.textHandler( event.nativeEvent.text )}

Its a function, and you haven't passed value to it. If you want to pass you can get it from event

But you have used onChangeText which will update inputText so you just need to check value exists or not.

I have faced the same issue. It normally occurs Invalid or wrong props types of the components or elements.

My case I have put in <TextInput onChangeText={}/> instead of <TextInput onChange={}/>. So I have faced the problem. Please check your props type first right or wrong. It's working for me.

本文标签：