无法使用react js

Question

我正在学习反应js并尝试解析ajax响应。所以，我使用laravel创建了一些示例API，它以json格式返回结果。然后我尝试使用react js捕获这些数据。一个示例API：

Route::get('names', function()
{
   $arr =  array(
    1 => "John",
    2 => "Mary",
    3 => "Steven"
);

return Response::json($arr);
});

当我在浏览器中尝试时，它会给我结果：

{"1":"John","2":"Mary","3":"Steven"}

但是当我尝试解析via react时，它在控制台中给出了以下错误：

ajax调用的反应代码：

getInitialState: function() {
    return {
        data: [], value: {}, showOutput: false
    }
},


componentDidMount: function() {
    $.get("http://evergreen-react.dev/api/public/api/names", function(result) {
        this.setState({
            data: result
        });
    }.bind(this));
},

如果我试试这个url:https://jsonplaceholder.typicode.com/todos，那就行得很好。那么，可以告诉我，如何在laravel中创建API，返回类似于url:https://jsonplaceholder.typicode.com/todos的json数据或我正在做的错误。