将IndexedDB中的数据拉入数组,并通过ReactJS输出
Pull data from IndexedDB into array and output it via ReactJS
我实际的Javascript代码如下:
var schoolsData = new Array();
myDB.schools
.each(function(school) {
console.log('"' + school.title + '" wird auf den Array gepusht.');
schoolsData.push(new Array(school.title, schools.schoolnumber, school.address, school.principal, school.email, school.creationdate, school.lastupdate, school.comment));
});
var SchoolsRender = React.createClass({
render: function() {
return (
<tr>
{this.props.list.map(function(listValue){
return <td>{listValue}</td>;
})}
</tr>
)
}
});
ReactDOM.render(<SchoolsRender list={schoolsData} />, document.getElementById('schoolsDATA'));
正如您所看到的,我正试图从本地IndexedDB数据库中提取数据(我使用的是dexieJS),并通过ReactJS将其放入表元素中,但什么都没有出现。重点在哪里?
编辑:我认为问题主要是我试图输出3D阵列。有没有简单优雅的解决方案?
添加另一个组件RowRender来渲染单行。相应地修改学校回复组件。
var RowRender = React.createClass({
render: function() {
return (
<tr>
<td>{this.props.title}</td>
<td>{this.props.schoolnumber}</td>
<td>{this.props.address}</td>
<td>{this.props.principal}</td>
</tr>
)
}
});
var SchoolsRender = React.createClass({
render: function() {
return (
<table>
{this.props.list.map(function(listValue,index){
return <RowRender key={index} title={listValue.title} schoolnumber={listValue.schoolnumber} address={listValue.address} title={listValue.address} />;
})}
</table>
)
}
});
相关文章:
- 如何在ReactJS JSX中执行嵌套的if-else语句
- 拨打'父亲'函数形式a'儿童'ReactJS中的组件
- 在JavaScript中输出转义字符
- ReactJS映射:如何仅在url变量不为空时呈现html链接
- 如何在jQuery中将函数的输出分配给变量
- 如何更改reactjs中外部/独立组件的状态或属性
- ReactJS和SpringDataRest缓存问题可能与websocket有关
- Javascript,输出结果后页面不断刷新
- reactjs this.refs vs document.getElementById
- Datetime格式为Friendly Time.Moment JS输出错误
- 如何将angularjs中的javascript字符串输出为循环数组
- 同构reactjs-cdn资产
- HTML5FileReader输出到D3.js图表
- console.log以外的Javascript输出函数
- 在ReactJS中重新渲染孩子3次可以接受吗
- Eloquent JavaScript递归示例如何终止为返回1,但仍然输出指数值
- PHP中的数组输出
- 以不同的顺序输出数据
- 将IndexedDB中的数据拉入数组,并通过ReactJS输出
- ReactJS不提供DOM输出