输入后按提交按钮时未定义的值

Question

我是新手 development.I 收到此错误 undefined 按下提交后 button.I 检查了输入字段，它可能无效 input.here 我添加了我的代码，请检查并给出一些解决方案

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.addContact(this.state));
};

render() {
return (
<React.Fragment>
<Container>
<Content>
<Form>
<Item floatingLabel>
<Label>Full Name</Label>
<Input
onChange={e => this.handelChange(e)}
value={this.state.fullName}
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,
});
};

通过 handleChange 函数中的 alert(this.state) 检查。希望这对您有所帮助！

输入后按提交按钮时未定义的值

Undefined value when press submit button after taking input

javascript

cross-platform

react-native