未定义反应点击函数

Question

问题是Google Maps API显示从一个位置到另一个位置的方向返回错误函数displayDirections((未定义。

到目前为止，在其他问题的帮助下不成功，例如这里或这里

这里的完整代码，一直在烦恼引号和单引号等，但不要认为这是问题所在。此函数列在调用我所有其他函数的位置，没有问题。当我输入目的地时，当 infoWindows 出现时，我选择了"查看路线"按钮，但我仍然收到未定义 displayDirection 的错误，我什至在 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]}`)