Javascript 如何从React Native中的TextField获取值，由于空值而无法将数据存储到数据库

我在两个月内一直在研究react native和laravel，到目前为止效果不错。但当我试图在react native中使用post方法时，我被卡住了。我用来自react native materials的textfield制作了一个简单的表单。我知道应用程序已经连接到我的后端，但是当我想要存储数据时，它显示了一个关于列的错误，即使我已经插入了值，也不应该为null

我已经检查了onChange和值本身，也检查了我声明要执行post方法的方法。这是我的构造函数、textfield和onPress for submit按钮

这是我的构造函数：

constructor(){
        super();
        this.state = {
            Ketua: '',
        Level: '',
        }
    }

                <TextField
                    label = 'Ketua Kegiatan'
                    onChange={(data) => { this.setState({Ketua:data.target.value}) }}
                    value = {this.state.Ketua}
                />

                <TextField
                    label = 'Laboratorium'
                    onChange={(data) => { this.setState({lab:data.target.value}) }}
                    value = {this.state.lab}
                />

                <TextField
                    label = 'Level'
                    onChange={(data) => { this.setState({level:data.target.value}) }}
                    value = {this.state.level}
                />

submit(){
        let url = "http:/IP:Localhost/api/pinjams";
        let data = this.state;
        fetch(url,{
            method:'POST',
            headers:{
                "Content-Type" : "application/json",
                "Accept" : "application/json"
            },
            body: JSON.stringify(data)
        })
        .then((result) => {
            result.json().then((resp) => {
                console.warn("resp", resp)
                alert("Data is Submitted")
            })
        })
    } 

resp, Object {
  "exception": "Illuminate\\Database\\QueryException",
  "file": "C:\\xampp\\htdocs\\coba_api_laravel\\vendor\\laravel\\framework\\src\\Illuminate\\Database\\Connection.php",
  "line": 664,
  "message": "SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'ketua_kegiatan' cannot be null (SQL: insert into `tb_peminjaman_mhs` (`ketua_kegiatan`, `lab`, `level`) values (?, ?, ?))",

这是文本字段：

constructor(){
        super();
        this.state = {
            Ketua: '',
        Level: '',
        }
    }

                <TextField
                    label = 'Ketua Kegiatan'
                    onChange={(data) => { this.setState({Ketua:data.target.value}) }}
                    value = {this.state.Ketua}
                />

                <TextField
                    label = 'Laboratorium'
                    onChange={(data) => { this.setState({lab:data.target.value}) }}
                    value = {this.state.lab}
                />

                <TextField
                    label = 'Level'
                    onChange={(data) => { this.setState({level:data.target.value}) }}
                    value = {this.state.level}
                />

submit(){
        let url = "http:/IP:Localhost/api/pinjams";
        let data = this.state;
        fetch(url,{
            method:'POST',
            headers:{
                "Content-Type" : "application/json",
                "Accept" : "application/json"
            },
            body: JSON.stringify(data)
        })
        .then((result) => {
            result.json().then((resp) => {
                console.warn("resp", resp)
                alert("Data is Submitted")
            })
        })
    } 

resp, Object {
  "exception": "Illuminate\\Database\\QueryException",
  "file": "C:\\xampp\\htdocs\\coba_api_laravel\\vendor\\laravel\\framework\\src\\Illuminate\\Database\\Connection.php",
  "line": 664,
  "message": "SQLSTATE[23000]: Integrity constraint violation: 1048 Column 'ketua_kegiatan' cannot be null (SQL: insert into `tb_peminjaman_mhs` (`ketua_kegiatan`, `lab`, `level`) values (?, ?, ?))",

这是我的提交按钮

<Button
                    style={{fontSize:20, color:'orange'}}
                    styleDisabled={{color:'grey'}}
                    onPress={()=>{this.submit()}}
                    > {"\n"} Submit
                </Button>

---

如果有人能帮我解决这个错误，我将非常感谢：）

我找到了解决我的问题的方法，我认为这是因为在构造函数状态下，我们需要将变量行与数据库中的行相同，并将onChange中的变量名与数据库中的列相匹配。我的意思是尝试将要使用的变量与数据库中的列名相匹配。非常感谢你帮了我的忙

我找到了解决我的问题的方法，我认为这是因为在构造函数状态下，我们需要将变量行与数据库中的行相同，并且还需要将onChange中的变量名与数据库中的列相匹配。我的意思是尝试将要使用的变量与数据库中的列名相匹配。非常感谢你帮了我的忙

在获取之前，当您执行

时，让data=this.state

尝试打印

数据

。尝试此

onChangeText={（Ketua）=>此.setState（{Ketua}}}

和所有其他的。您检查过正常的post man操作吗？非常感谢您的解决方案！我将在获取之前尝试它，当您执行

let data=this.state时

尝试打印

数据

。尝试此

onChangeText={（Ketua）=>此.setState（{Ketua}}}

和所有其他的。您检查过正常的post man操作吗？非常感谢您的解决方案！我会试试看