Javascript 对现有应用程序执行JS browserCheck函数
我有一个Javascript 对现有应用程序执行JS browserCheck函数,javascript,reactjs,Javascript,Reactjs,我有一个browserCheck函数,它返回布尔值(例如,如果IE版本小于10,则返回false)。不知何故,我需要将其实现到现有的ReactJS应用程序中,并在函数结果为false时将占位符插入页面。我不清楚该怎么做 项目结构如下所示: |--project |--src |--browserCheck ----browserCheck.js ----incompatible.html (an error message in case browserCheck()
browserCheck
函数,它返回布尔值(例如,如果IE版本小于10,则返回false
)。不知何故,我需要将其实现到现有的ReactJS应用程序中,并在函数结果为false
时将占位符插入页面。我不清楚该怎么做
项目结构如下所示:
|--project
|--src
|--browserCheck
----browserCheck.js
----incompatible.html (an error message in case browserCheck() returns `false`)
----app.jsx (which contains the whole app and its imports)
----index.js (where the ReactDOM.render happens; dependencies - React, ReactDOM, App)
我应该在哪里运行函数并替换内容
我尝试在index.js文件中console.log
browserCheck()
的结果,如果我在现代浏览器中运行应用程序,它将返回true
,但如果我在IE中使用它,
document.getElementById('root')
);
你能在问题中包含你调用
browserCheck
的索引文件吗?你能告诉我们你在白色屏幕上看到的控制台日志(如果有)吗?@Tholle我用所需信息回答了我的问题。@utkarspramodgupta我用所需信息回答了我的问题。可能是browserCheck()
工作正常,但IE控制台在出现其他错误时不进行日志记录。尝试包装您的ReactDOM。在browserCheck
中渲染<代码>如果(browserCheck()){ReactDOM.render(…);}
import React from 'react';
import ReactDOM from 'react-dom';
import App from './app';
import 'normalize.css';
import './index.css';
import browserCheck from './browserCheck/browserCheck'
console.log( browserCheck() );
ReactDOM.render( < App / > ,
document.getElementById( 'root' )
);