Jquery ui 日期选择器在react路由器孩子上不工作（直到刷新）

我在react路由器中遇到了一个问题，其中子路由器有一个带有datepicker（）的组件表单和一个来自语义ui的默认下拉列表

问题是：通过输入子路由，这些样式不起作用，只显示下拉菜单的默认选择选项，日期选择器现在只是一个输入。如果我刷新页面，这些都在工作

这是路由器部分

<Route path="/examination" component={Examination}>
        <IndexRoute component={Add_new_schedule}/>
        <Route path="/examination/AddNewSchedule" component={Add_new_schedule} />
        <Route path="/examination/AddExam" component={Add_exam} />
</Route>

这是下拉列表

<div className="exam_class_section">
              <select className="ui dropdown">
                <option value>Section</option>
                <option value="A">A</option>
                <option value="B">B</option>
              </select>
</div>

部分
A.
B

这是日期选择器（语义用户界面日历），带有日期、时间从、时间到

<div className="exam_date_time_box">
            <div id="exam_date" className="ui calendar">
              <div className="ui left icon input">
                <input
                  type="text"
                  placeholder="Examination Date" />
                <i className="calendar icon" />
              </div>
            </div>
            <div className="exam_time_box">
              <div id="time_from" className="ui calendar">
                <div className="ui input left icon">
                  <i className="time icon" />
                  <input type="text" placeholder="Time From" />
                </div>
              </div>
              <div id="time_to" className="ui calendar">
                <div className="ui input left icon">
                  <i className="time icon" />
                  <input type="text" placeholder="Time To" />
                </div>
              </div>
            </div>
          </div>

---

谢谢

我找到了这个问题的解决方案

问题是因为外部js文件将不会加载到react router

解决方案是通过将外部js文件导入到所需的特定组件页面，使用loadjs库加载外部js文件

从“loadjs”导入loadjs

并在组件willmound（）内调用生命周期方法

componentWillMount() {
loadjs('/js/main.js');
},