如何修复json中的意外字符错误

Question

我有一个react项目，它从easyphp的ht-docs中的API文件夹中获取数据，其中包括文件.htaccess和index.php。
以及具有API文件夹URL的postData.js。

问题是当我单击提交按钮时，我在控制台中收到错误消息

Syntax Error: JSON.parse: unexpected character at line 1 column 1 of the JSON data

这是登录组件类中的登录功能

login() {
    if(this.state.username && this.state.password){
       PostData('login',this.state).then((result) => {
        let responseJson = result;
        if(responseJson.userData){
          sessionStorage.setItem('userData',JSON.stringify(responseJson));
          this.setState({redirectToReferrer: true});
         }
         else
             alert(result.error);
      });
    }
}

这是index.php中的登录功能

function AddMaterial() 
{ 
    require 'config.php'; 
    $json = json_decode(file_get_contents('php://input'), true); 
    $username = $json['username']; $password = $json['pass']; 
    $userData =''; $query = "select * from tb where name='$username' and pass='$password'"; 
    $result= $db->query($query);
    $rowCount=$result->num_rows;

    if($rowCount>0)
    {
        $userData = $result->fetch_object();
        $user_id=$userData->id;
        $userData = json_encode($userData);
        echo '{"userData":'.$userData.'}';
    }
    else 
    {
        echo '{"error":"Wrong username and password"}';
    }
}