Почему ввод кода разрыва тега в Firefox версии 18.0.1? - PullRequest
0 голосов
/ 15 января 2020

Наши киоски на моей работе используют очень старую версию 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 имеет поддержку для этого, и это показывает, что это так. Если кто-то знает, почему это может нарушить мой код, или есть какие-либо предложения относительно того, что я могу сделать, чтобы это исправить, я был бы очень признателен. Спасибо.

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...