javascript - 带有 React-native 的 Axios 发布

Question

我一直在寻找很长时间的答案，但我没有。我有一个带有 Axios 的 post 方法。来自输入的值不会传递给状态。

class LoginForm extends Component {
  constructor(props){
    super(props);
    this.state = {firstName:'', lastName: '', number: ''};
  }
  render(){
    return (
        <View>
        <Item floatingLabel>
        <Label>Ваше имя</Label>
        <TextInput Value={this.state.firstName} onChangeText={(firstName) => this.setState({firstName})}/>
        </Item>
        <Item floatingLabel>
        <Label>Ваша фамилия</Label>
        <TextInput value={this.state.lastName} onChangeText={(lastName) => this.setState({lastName})}/>
        <Text>{this.state.firstName}</Text>
        </Item>
        <Item floatingLabel>
        <Label>Номер телефона</Label>
        <TextInput value={this.props.number} onChange={(number) => this.setState({number})}/>
        </Item>
        <Button block style={{marginTop:50}} 
        onPress={() => {
          let data ={
            firstname: this.state.firstName,
            lastname: this.state.lastName,
            number: this.state.number
          }
          axios.post('http://10.0.2.2:3000/user_add',data)
                  }}>
        <Text>Отправить</Text>
      </Button>
      </View>
    );
  }

    }

export default LoginForm;

和

app.post('/user_add',function(req,res){
var firstname = req.body.firstname;
var lastname = req.body.lastname;
var number = req.body.number;
var values = [firstname,lastname,number];
console.log(values);
  
 connection.query('INSERT INTO users (firstname, lastname, number) VALUES (?)',[values],function(err){
     if(!err) {
         console.log("User added!")
         res.send(firstname,lastname,number);
     } else {
         console.log(err);
     }
 })
});

它有效，但不正确。用户添加，但没有我的值，它只添加 '', '', ''我尝试提出一些建议:添加事件，尝试将值设置为大量值，但它不起作用。结果: add values to DataBase

Answer 1

我使用:

import {TextInput} from 'react-native';

<TextInput
   editable={true}
   placeholder="Write here"
   onChangeText={text => this.setState({ inputText: text })}
   value={this.state.inputText}
/>

这对我来说非常有用。请注意，您在第一个带有 firstName 的 TextInput 中用大 V 写了“Value”。把它改成小写字母，也许会有帮助。