react中操作dom元素自动填充
2017-12-09 14:00
274 查看
请求后台数据后,在该方法中将数据push进dom元素:
constructor(props){ super(props); this.state = { liDom:null; } } GetDom=()=>{ if(Info.data && Info.data.status === 200){ let Data = Info.data.data; let dom = []; for(let i=0;i<Data.length;i++){ dom.push{ <li value={i} key={i}> {Data[i].color} </li> } } this.setState({ liDom:dom; }) } } render(){ return( <div> <ul> {this.state.liDom} </ul> </div> ) }
相关文章推荐
- React 操作DOM元素的两种方式
- dom节点操作元素
- DOM对子元素和兄弟元素的操作
- dom元素操作(动态事件绑定)
- JavaScript中操作有些DOM时关于文本节点和元素节点的问题。
- DOM 元素操作-----select
- ExtJS 操作DOM元素Ext.Element
- HTML5 DOM元素类名相关操作API classList简介
- Jquery table元素操作-创建|数据填充|重置|隐藏行
- 原生javascript操作DOM元素
- jquery 操作DOM元素(1)
- D3 笔记一:选择元素、DOM 操作、绑定数据
- jquery和js中对DOM元素的操作
- jQuery操作得到DOM元素
- JavaScript操作DOM元素中的class属性(转载)
- JQuery对DOM元素的属性操作
- jquery的DOM元素操作
- React相关Dom约束性和非约束性操作
- jquery操作DOM 元素(2)