現(xiàn)在有一個類目信息需要循環(huán)出來。
需要從根類目開始遍歷獲取整個類目樹。即:先傳0獲取所有一級類目ID,然后在通過獲取到的一級類目ID遍歷獲取所二級類目,最后通過遍歷二級類目ID獲取三級類目,下面是我寫的,獲取到一級目錄就不知道怎么寫了,不知道是不是寫法不對
//查詢商品分類
querycategory=()=>{
window.bridge.call('open.api.request', {
version: '1',
namespace: 'com.alibaba.product',
name: 'alibaba.category.get',
data: {
categoryID:this.state.categoryID, // 初始化查詢根目錄 categoryID=0
webSite:"1688"
}
}, (res) => {
{/* 得到商品分類信息*/}
const categoryList=res.result.data.categoryInfo[0].childCategorys;
this.setState({
categoryData:categoryList
} )
});
}
//加載商品分類
categorylist=()=>{
const list=this.state.categoryData;
const lists=list.length
?
list.map((newlist,index)=>(
//一級類目
<TreeNode label={newlist.name} key={newlist.id}>
{/* 二級目錄要通過一級目錄的iD調(diào)用接口查尋出來,要怎么操作,直接調(diào)用querycategory()? */}
<TreeNode label="二級目錄" key="0">
</TreeNode>
</TreeNode>
))
:''
;
return lists;
}
剛學(xué)React 不知道怎么弄,求教!
import React, {Component} from 'react';
import PropTypes from 'prop-types';
class Tree extends Component {
static propsTypes = {
dataSource: PropTypes.shape({
name: PropTypes.string,
id: PropTypes.string,
}),
};
get getChildren() {
return this.props.dataSource.map(item => {
<TreeNode key={`tree-${item.id}`} label={item.name} id={item.id}/>;
});
}
render() {
return (
<div className={'tree'}>
{this.getChildren}
</div>
);
}
}
class TreeNode extends Component {
static propsTypes = {
label: PropTypes.string,
id: PropTypes.string,
};
state = {
loadData: false,
close: true,
};
data = {
list: [],
};
async loadData() {
this.data.list = [];
}
async open() {
let {loadData, close} = this.state;
if (!loadData) {
await this.loadData();
loadData = true;
}
this.setState({
loadData,
close: !close,
});
}
get getChildren() {
return this.data.list.map(item => {
<TreeNode key={`tree-${item.id}`} label={item.name} id={item.id}/>;
});
}
render() {
const {label} = this.props;
const {list} = this.data;
return (
<div onClick={this.open.bind(this)} className={'tree-node'}>
{label}
{list.length > 0 ? this.getChildren : ''}
</div>
);
}
}
大概就是這個樣子了,后續(xù)你還要增加樣式,還有判斷是否有下級類目,有的話允許展開,沒有就是最后一級
北大青鳥APTECH成立于1999年。依托北京大學(xué)優(yōu)質(zhì)雄厚的教育資源和背景,秉承“教育改變生活”的發(fā)展理念,致力于培養(yǎng)中國IT技能型緊缺人才,是大數(shù)據(jù)專業(yè)的國家
北大青鳥中博軟件學(xué)院創(chuàng)立于2003年,作為華東區(qū)著名互聯(lián)網(wǎng)學(xué)院和江蘇省首批服務(wù)外包人才培訓(xùn)基地,中博成功培育了近30000名軟件工程師走向高薪崗位,合作企業(yè)超4
中公教育集團創(chuàng)建于1999年,經(jīng)過二十年潛心發(fā)展,已由一家北大畢業(yè)生自主創(chuàng)業(yè)的信息技術(shù)與教育服務(wù)機構(gòu),發(fā)展為教育服務(wù)業(yè)的綜合性企業(yè)集團,成為集合面授教學(xué)培訓(xùn)、網(wǎng)
達內(nèi)教育集團成立于2002年,是一家由留學(xué)海歸創(chuàng)辦的高端職業(yè)教育培訓(xùn)機構(gòu),是中國一站式人才培養(yǎng)平臺、一站式人才輸送平臺。2014年4月3日在美國成功上市,融資1
曾工作于聯(lián)想擔(dān)任系統(tǒng)開發(fā)工程師,曾在博彥科技股份有限公司擔(dān)任項目經(jīng)理從事移動互聯(lián)網(wǎng)管理及研發(fā)工作,曾創(chuàng)辦藍懿科技有限責(zé)任公司從事總經(jīng)理職務(wù)負責(zé)iOS教學(xué)及管理工作。
浪潮集團項目經(jīng)理。精通Java與.NET 技術(shù), 熟練的跨平臺面向?qū)ο箝_發(fā)經(jīng)驗,技術(shù)功底深厚。 授課風(fēng)格 授課風(fēng)格清新自然、條理清晰、主次分明、重點難點突出、引人入勝。
精通HTML5和CSS3;Javascript及主流js庫,具有快速界面開發(fā)的能力,對瀏覽器兼容性、前端性能優(yōu)化等有深入理解。精通網(wǎng)頁制作和網(wǎng)頁游戲開發(fā)。
具有10 年的Java 企業(yè)應(yīng)用開發(fā)經(jīng)驗。曾經(jīng)歷任德國Software AG 技術(shù)顧問,美國Dachieve 系統(tǒng)架構(gòu)師,美國AngelEngineers Inc. 系統(tǒng)架構(gòu)師。