const [data, setData] = useState([{
        no              : null,
        id              : null,
        nama_lengkap    : "",
        created_at      : '',
        nilai_total     : null,
        status_kelulusan: "",
    }])

    useEffect(() => {
        var pageURL     = window.location.href;
        var id          = pageURL.substr(pageURL.lastIndexOf('/') + 1);

        axios.post(`${window.location.origin}/api/ranking`, {
            section_id: id
        })
        .then(response => {
            let loadData = response.data.rows.map((form, index) => {
                let dataRanking = {
                    no              : index + 1,
                    id              : form.id,
                    nama_lengkap    : form.nama_lengkap,
                    created_at      : form.created_at,
                    nilai_total     : form.nilai_total,
                    status_kelulusan: form.status_kelulusan,
                }
                return dataRanking;
            })
            setData(loadData);
        });
    }, []);