Javascript 如何使用React/JSX显示不同的时间？

我在使用JSX为不同的国家渲染时间时遇到了问题，没有对返回值进行硬编码，如下面的代码所示。我试着把日期传过去，但没用。我想为三个随机的国家做这件事。我将如何构造它

这是我目前的代码

功能时钟（道具、城市）{
返回时间为{props.date.toLocaleTimeString（{timeZone:'Europe/London'}）}
}
函数勾号（）{
ReactDOM.render(
,
document.getElementById（'root'））
)
}
设置间隔（刻度，1000）

试试这个

功能时钟（道具）{
返回时间为{props.date.toLocaleTimeString（{timeZone:props.city}}）
}
函数勾号（）{
ReactDOM.render(
,
document.getElementById（'root'））
)
}
设置间隔（刻度，1000）