react中操作dom元素自动填充

最新推荐文章于 2025-01-03 15:16:56 发布

vuvivian

最新推荐文章于 2025-01-03 15:16:56 发布

阅读量1.6k

点赞数

分类专栏： React 文章标签： dom 数据

本文链接：https://blog.youkuaiyun.com/vuvivian/article/details/78758921

版权

React 专栏收录该内容

14 篇文章

订阅专栏

请求后台数据后，在该方法中将数据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>
    )
}