Javascript 如何在呈现页面时将下拉选择更改为其保存的值？

我的问题很难解释，但我希望我能描述得足够好，让它有意义。基本上，我有一个保存员工数据的表单，表单中有一个部分保存员工的第二个电话号码。我有两个下拉列表旁边的这一点，指定时间，第二个号码是可用的联系原因。完成后，我将表单保存到sql数据库中。我不确定这是否可行，但当我从应用程序中调出此员工数据时，我希望使用以前的当前值选择下拉列表。现在我不确定使用select是否是最好的方法，或者我是否应该用另一种方法，任何建议都会有帮助，谢谢

请注意，我从数据库接收的这个对象是一个JSON对象，看起来像：{“from”：“1:00pm”，“to”：“8:00pm”}。当在我们的应用程序中选择该员工时，我将获取该信息并将其解析为状态变量

employee.js

导出默认类Employee extends组件{
如果（此.props.employeeKey）{
建造师（道具）{
超级（道具）；
此.state={
名称：this.props.Name，
电话：这个。道具。电话，
第二部电话：这个。道具。第二部电话，
AvailTimes:JSON.parse（this.props.AvailTimes），
泰晤士报：这个。道具。泰晤士报，
时间：“，
时间：“
}否则{
此.state={
姓名：“，
电话：“，
第二电话：“，
有效期：“，
时报：【】，
时间：“，
时间：“，
}
}
}
onChange（值，e）{
开关（值）{
案例“Phone”：此设置状态（Phone:e.target.value）
打破
案例“名称”：this.setState（名称：e.target.value）
打破
案例“SecondaryPhone”：this.setState（SecondaryPhone:e.target.value）
打破
案例“FromTime”：this.setState（TimeFrom:e.target.value）
打破
案例“ToTime”：此.setState（TimeTo:e.target.value）
打破
}
render（）{
var divToRender=(
发件人：
{this.state.times.map（time=>{return（{time}）}
致：
{this.state.times.map（time=>{return（{time}）}
);
回流分离器
}
}

---

我曾考虑在我的状态之前调用onChange（）方法，以便在加载页面时加载这些值，但我猜它可能不起作用。

找到了这个有效的解决方案，但不确定这是否是最好的方法：

{this.state.times.map（time=>{return（{time}）}

@德语你知道答案吗？@BARNOWL不久前刚开始这项工作，这是我收到的代码。我没有编写类，我正在使用我得到的atm。好的，我明白了。很抱歉，我知道那种感觉。希望你能找到解决办法。@BARNOWL我在答案中有一个当前的解决方案，但我不知道这是最好的办法。如果你知道更好的解决办法，请告诉我。