我试图显示来自 ajax 请求的任何数据，在 react.js 中完成。至今没有快乐....
它试图从测试 Web API 中提取数据，安装了 JQuery，虽然不是必需的，但我已经研究了替代方案，但到目前为止努力实现它们。
对于请求，我正在尝试两件事，通过 this 和来自 Jquery 的 append 方法绑定数据，两者都不起作用。其他一切都呈现出来，控制台没有吐出任何错误。
我正在努力开发一个可以轻松移植到 react-native 的通用函数，但我仍然坚持使用这个 JQuery 实现。
var url = 'https://demo2697834.mockable.io/movies';
//main logic
var GetStuff= React.createClass({
getInitialState: function() {
return {
entries: []
};
},
componentDidMount: function() {
$.ajax({
url: 'https://demo2697834.mockable.io/movies',
dataType: 'json',
cache: false,
success: function(data) {
this.setState({entries: data});
$('.test').append(data);
}.bind(this),
error: function(xhr, status, err) {
console.error(this.props.url, status, err.toString());
}.bind(this)
});
},
render: function() {
return (
<div>{this.state.entries}</div>
);
}
});
//markup
<body style={MainStyles.alldivs}> …我到底如何才能显示图像？40分钟的研究,仍然没有快乐.我认为真正的答案是我在哪里放图像.
主dir的结构
App.js
public > index.js
Views >
index.jsx
layouts >
footer.jsx
header.jsx
master.jsx
无论我把图像放在哪里都不会显示.被调用的主文件并在views文件夹中呈现html是index.jsx.
我使用express来创建虚拟服务器并作为核心引擎.
我在header.jsx文件中尝试了以下内容
<img src='images/main_home_icon.png'/>
<img src={require('images/main_home_icon.png')} />
我有一个外部数据源,有时返回null值,我无法访问此数据源,所以我无法更改它.尝试显示数据时,我的Angular 2应用程序在未定义或空值上崩溃.我正在尝试创建一个捕获空值或未定义值的函数,并将它们设置为空字符串.
我找到了对称JSON结构的示例,但没有找到非对称嵌套循环结构
// JSON ARRAY EXAMPLE
[
{
"a":"1",
"x":null,
"y":[
{"k": "3"},
{"i": "5"}
]
},
{
"a":"1",
"x":"2",
"y":[
{"k": "3"},
{"i": "5"},
{"z": "4"},
{"p": null}
]
},
{
"a":null,
"x":"2"
}
]
当前检查功能不起作用
//Checking passes in JSON array
checkData(dataSet) {
dataSet.forEach(function(obj) {
console.log("checking data");
if(!obj || obj === null){
return "";
}
else{
return obj;
}
});
}
试图识别数组的类型,我有一个多维JSON数组,我从网站拉,但它不使用我熟悉的密钥对.结构如下.我只包含了一个数组项来显示它正在做什么.
"o": {
"ah": ["id1", "12", "id2", "32", "id4", "4", "id5, "6"]
},
我对JavaScript和JSON对象和字符串的搜索总是使用分号: 来定义键和值.
最后,我只想循环遍历多个项目并将其打印出来.
为了提供有关数组结构的更多说明:
{
"outer": {
"item1":[ {
"c": {
"k": 26862, "n": "theName"
},
"o": {
"ah": ["id1", "0", "id2", "0", "id3", "0.98", "id4", "0.94", "id5", "5", "id6", "-0/0.5"],
"ou": ["id7", "3.5", "id8", "3.5", "id9", "1.53", "id10", "0.55", "id11", "3.4", "id12"],
"1x2": ["id13", "1.20", "id14", "25.00", "id15", "4.80"]
},
"egn":""
}
]
},
{
"item1":[ {
"c": {
"k": 26862, "n": "theName"
},
"o": …