Наши киоски на моей работе используют очень старую версию Firefox, в частности версию 18.0.1, и я заметил, что если у меня есть форма, содержащая тег ввода, то страница будет ломаться и go пустой. Моя цель - создать динамическую форму c в зависимости от конкретных c обстоятельств. Я проверил консоль в Firefox, и она не перечисляет ошибку, которая вызвала ее, кроме той, что была из входного тега. Это ошибка, которую я получаю:
[12:09:39.928] The above error occurred in the <input> component:
in input (created by ServiceReport)
in div (created by ServiceReport)
in div (created by ServiceReport)
in ServiceReport (created by Route)
in Route
in Switch
in Router (created by BrowserRouter)
in BrowserRouter
Consider adding an error boundary to your tree to customize error handling behavior.
Вот часть моего кода, где используется входной тег:
RenderPhoneInput(){
let kiosks = this.state.KiosksDB;
console.log(this.state.KiosksServerID);
let kiosk = this.state.KiosksServerID;
let divToReturn = null;
if(kiosk != null){
for(let i = 0; i < kiosks.length; i++){
if(kiosk[0].KioskID == kiosks[i].KioskID && kiosks[i].ValidPhone == "No"){
divToReturn = (
<div>
<h3>Phone Number (required)</h3>
<input id="PhoneInput" type="text"></input>
<h3>Carrier</h3>
<input id="CarrierInput" type="text"></input>
</div>
);
}
}
}
return divToReturn;
}
render(){
return(
... form
{this.RenderPhoneInput()}
<h3>Did you update the page counts?</h3>
<select id="UpdatePageCountSelect" tabIndex="19" >
<option key="0" value=""></option>
<option key="1" value="Yes" checked>Yes, I updated the page counts</option>
<option key="2" value="No" checked>No, I did not update the page counts</option>
<option key="3" value="UnKnown" checked>No, I dont't know how to update the page counts</option>
</select>
<h3>Documents Left</h3>
<p id="DocsInput"> </p>
... Rest of form
);
}
Теги, которые я знаю, что работают в этой форме до сих пор являются, выберите, текстовое поле, кнопки и другие теги basi c html. Я просто запутался, почему все эти другие теги работают правильно, а входной тег - нет. Я проверил и убедился, что Firefox имеет поддержку для этого, и это показывает, что это так. Если кто-то знает, почему это может нарушить мой код, или есть какие-либо предложения относительно того, что я могу сделать, чтобы это исправить, я был бы очень признателен. Спасибо.