Неопределенное значение при нажатии кнопки подтверждения после ввода

Question

Я новичок, чтобы реагировать на разработку. Я получил эту ошибку undefined после нажатия кнопки отправки. Я проверил поле ввода, и оно, вероятно, не принимает корректный ввод. Здесь я добавил свой код, пожалуйста, проверьте его и дайте какое-нибудь решение

import React, {Component} from 'react';
import {v4} from 'uuid';
import {
Container,
Content,
Form,
Item,
Input,
Label,
Text,
Button,
} from 'native-base';
export default class ContactFrom extends Component {
state = {
id: v4(),
fullName: '',
};
handelChange = e => {
this.setState({
fullName: e.target.value,
});
};
handelSubmit = e => {
e.preventDefault();

alert(this.props.add­Contact(this.state))­;
};

render() {
return (
<React.Fragment>
<Container>
<Content>
<Form>
<Item floatingLabel>
<Label>Full Name</Label>
<Input
onChange={e => this.handelChange(e)­}
value={this.state.fu­llName}
name="fullName"
/>
</Item>
</Form>
<Container>
<Content>
<Button onPress={e => this.handelSubmit(e)­} primary>
<Text>Submit</Text>
</Button>
</Content>
</Container>
</Content>
</Container>
</React.Fragment>
);}}

пожалуйста, просмотрите мой код.

Answer 1

Единственное, что вы делаете неправильно, это то, что измененный текст не будет в e.target.value изменить его на e.nativeEvent.text

То есть изменить

handelChange = e => {
this.setState({
fullName: e.target.value,
});
};

на

handelChange = e => {
this.setState({
fullName: e.nativeEvent.text,
});
};

проверить это по предупреждению (this.state) в функции handleChange. Надеюсь, это поможет!