首页 > 解决方案 > 在渲染组件之前根据其 id 设置默认活动项

问题描述

我的目标是results在渲染组件之前突出显示数组中的第一个元素。当用户看到组件时,第一个元素将处于活动状态。我在componentDidMount ()方法中做到了。在返回的答案上,我立即选择了id第一个元素res.data [0].id。有没有其他方法来获取id数组的第一个元素,这样你就不会立即操作response?我注意到,在此基础上,id我指定了一个在渲染组件之前默认处于活动状态的链接。

 componentDidMount() {  
    axios.get
        axios({
            url,
            method: "GET",
            headers: {
              'Authorization': ``
            }
        })
        .then(res => {
            this.setState({
              results: res.data,
              activeItem: res.data[0].id 
            });
        })
        .catch(error => {
            console.log(error);
        })      
}

标签: javascriptreactjs

解决方案


推荐阅读