Реакция функции onclick не определена

Question

Проблема в том, что при отображении Google Maps API из одного местоположения в другое возвращается ошибка. Функция displayDirections () не определена.

Пока не удалось получить ответы на другие вопросы, например, здесь или здесь

Полный код здесь , возился с кавычками и одинарными кавычками и т. Д., Но не думаю, что это проблема. Эта функция указана там, где все мои другие функции вызываются без проблем. Когда я вхожу в пункт назначения, затем, когда появляются окна infoWindows, я нажимаю кнопку View Route, но я все еще получаю ошибку, что displayDirections не определена, я даже переместил эту функцию в глобальный в App.js, но я все еще не могу выяснить, почему эта функция

Просто отрежьте код, если чего-то не хватает, вероятно, в полном коде;

function displayDirections(origin) {
 hideListings()
 let directionsService = new window.google.maps.DirectionsService()
 let destinationAddress = document.getElementById('search-within-time-text').value
 let mode = document.getElementById('mode').value
     directionsService.route({
     origin: origin,
     destination: destinationAddress,
     travelMode: window.google.maps.TravelMode[mode]
      }, function(response, status) {
       if (status === window.google.maps.DirectionsStatus.OK) {
          let directionsDisplay = new window.google.maps.DirectionsRenderer({
            map: map,
            directions: response,
            draggable: true,
            polylineOptions: {
              strokeColor: 'green'
            }
          }) } else {window.alert('Directions request failed due to ' + status)
        }
      })
    }

let infowindow = new window.google.maps.InfoWindow({ content: durationText + ' away, 
    ' + distanceText + '<div><input id="route" type="button" value="View Route" onclick 
    =' + '{displayDirections("origins[i]")}></input></div>'})

Answer 1

Это должен быть шаблонный литерал:

onclick=displayDirections(`${origins[i]}`)