Javascript 组件中从ajax获取的数据未在React中呈现

跟着。我创建了一个组件，并尝试使用ajax请求从中获取数据。我已经编写了呈现它的代码，但它不工作，而且在页面加载后也没有错误。我是新来的反应这么少的想法，可能这就是为什么无法检查的问题。任何帮助都会很好

//Js
React.createElement（'tbody'，{}，UserItem）
//组成部分
var UserItem=React.createClass({
道具类型：{
名称：React.PropTypes.string.isRequired，
电子邮件：React.PropTypes.string，
dob:React.PropTypes.string，
},
getInitialState:函数（）{
返回{
用户：[]
}
},
显示结果：功能（响应）{
这是我的国家({
用户：回复
})
},
搜索：函数（URL）{
$.ajax({
键入：“获取”，
数据类型：“json”，
url:url，
成功：功能（响应）{
这一点。显示结果（响应）；
}.绑定（此）
});
},
componentDidMount:function（）{
本搜索（“用户/用户数据”）；
},
render:function（）{
返回(
用户项
)
},
})
var UserItems=React.createClass({
render:function（）{
var resultItems=this.state.users.map（函数（结果）{
返回React.createElement（ResultItem，{id:result.id，name:result.name}）；
});
返回React.createElement（'div'，{}，resultItems）；
},
})
var ResultItem=React.createClass({
render:function（）{
返回React.createElement（'tr'，{}，
React.createElement（'td'，{}，this.props.id），
React.createElement（'td'，{}，this.props.name），
React.createElement（'td'，{}，this.props.name），
React.createElement（'td'，{}，this.props.name）
)
}
});

您应该实现

render（）

方法

类似于此的方法应该会起作用：

render: function() {
 return (
  <div>
    {this.state.users.map(function(user){
       return <h2>{user}</h2>
     })}
  </div>
 );
}

render:function（）{
返回(
{this.state.users.map（函数（用户））{
返回{user}
})}
);
}

试试这个

search: function(URL) {
  var self = this;
  $.ajax({
    type: "GET",
    dataType: 'json',
    url: URL,
    success: function(response){
      self.showResults(response);
    }.bind(this)
  });
}

---

它不应该像

this.showResults（）

它应该是

var self=thisself.showResults（response）

中，我必须全局定义self变量还是只为

showResults（）定义self变量

我也必须把它改成

bind

吗？不需要内部搜索功能对你有帮助吗？不，它不起作用。你需要调用

onChange

too我只是在页面加载时这样做，那么为什么需要调用onChange呢？这是最大的问题，console中没有错误。你能键入

console.log（响应）吗

在

showResults

函数中，在

this.setState（）

之前，让我们来看看。我不能使用此代码，我需要将其放入一个表中，因为我没有使用jsx，所以角括号也会出错。