javascript : "ReferenceError: 변수가 정의되지 않았습니다" 반환

연습을 하고 있습니다. 테이블 행을 클릭할 때 모달 팝업 창을 만들고 클릭한 상태에 대한 관련 정보를 불러오려고 합니다.

JSON은 다음을 반환합니다.

"data": [
    {
        "ID State": "04000US01",
        "State": "Alabama",
        "ID Year": 2019,
        "Year": "2019",
        "Population": 4903185,
        "Slug State": "alabama"
    }
]

그리고 호출에서 이를 사용하는 다른 API에 사용할 Slug State 라인을 가져오려고 합니다.

function BuildStatesByPopulation(data) {
    if (stateTable != null) {
        for (var i= 0; i < data.length; i++) {
            let addRow= `<tr id="stateData" class='clickable-row' onClick=SelectStateOpenModal(${data[i]["Slug State"]})>                          <td>${data[i].State}</td>                          <td>${data[i].Population}</td>                          </tr>`
            stateTable.innerHTML += addRow;
            //console.log(data[i]["Slug State"]);
        }
    }
}

function SelectStateOpenModal(stateName) {
    let setState= String(stateName);
    let stateDisplay;
    let stateJson
    console.log(stateName);
    $.ajax({
        type: 'GET',
        url: stateInformation+setState,
        success: function (response) {
            stateJson= response.data;
            stateDisplay= document.getElementById('modalView');
            console.log(stateJson);
        }
    });
}

콘솔에서 테이블의 행을 클릭하면 다음이 반환됩니다.

index2.html:71 잡히지 않은 ReferenceError: nebraska는 HTMLTableRowElement.onclick에 정의되어 있지 않습니다(index2.html:71:87).