无法在 IE9/10 中获取属性 ReactJS 的值
Unable to get value of the property ReactJS in IE9/10
我有一个反应组件,我使用以下代码将其渲染到 DOM 中:
ReactDOM.render(React.createElement(PROJECT.CalendarApp,
{ key : 'globalcalendar',
roomPage : false,
localeRegion : PROJECT.user.locale().region,
localeStartDay : PROJECT.user.locale().startDay,
showCalendarOnLoad : false,
name : 'globalcalendar',
availabilityCalendar : false
}),
document.getElementById('global_calendar_component'));
我在IE 9/10中收到以下错误,似乎无法弄清楚原因 - Unable to get value of the property 'localeRegion' object is null or undefined reactjs
。
PROJECT.user.locale().region
定义正确并返回一串 'en'
。
此问题仅在IE 9和10中发生,目前我的webpack设置如下所示:
var webpack = require('webpack');
var path = require('path');
var BUILD_DIR = path.resolve(__dirname, '../src/Family/SystemBundle/Resources/public/js/components/compiled');
var APP_DIR = path.resolve(__dirname, '../src/Family/SystemBundle/Resources/public/js/components/');
var config = {
entry: {
calendar : APP_DIR + '/calendar.jsx'
},
output: {
path: BUILD_DIR,
filename: '[name].js'
},
module : {
loaders : [
{
test : /'.jsx?/,
include : APP_DIR,
loader : 'babel',
query:
{
presets:[require.resolve('babel-preset-es2015'), require.resolve('babel-preset-react')] // Brackets - required for babel symlinking because node_modules is not in the root folder.
}
}
]
}
};
module.exports = config;
我已经将 Babel Polyfill 加载到项目中,并且对这个问题感到非常困惑。如果有人经历过类似的事情,那么很高兴知道您是如何解决它的。
我们终于找到了这个问题的答案。问题是IE9不喜欢在react组件的构造函数中使用props,但允许在其他组件方法中使用props。
要解决此问题,请不要在构造函数中使用任何 props,或者尝试在 webpack 文件中使用 plugins: [['transform-es2015-classes', {loose: true}]]
。
更多詳情請參閱:https://phabricator.babeljs.io/T3041 & https://phabricator.babeljs.io/T6954
相关文章:
- 无法获取属性'selectedIndex'的未定义引用或null引用
- 如何从选择框中的选项中获取属性值
- 无法获取属性'Id'使用Knockout.js的未定义或空引用API
- 使用Undercore获取属性值数组
- Microsoft JScript运行时错误:无法获取属性'的值;样式':对象为null或未定义
- "无法获取属性'的值;style'"当试图在IE中更改样式时
- 无法获取属性'字符串'的未定义或null引用IE 11 ASP.NET
- 无法获取属性'的值;拆分'在IE8中调用ajax之后
- JQuery关键字“;这个“;未获取属性值
- SCRIPT5007:无法获取属性'长度'的未定义引用或null引用
- 为什么我得到“;无法获取属性的值'SetReturnValue'"当使用ceebox显示YouT
- 无法获取属性'setActionableButtonState'的未定义引用或null引用
- JavaScript |对象:获取属性忍者移动
- 如何使用 jQuery 在循环中获取属性的值
- 无法获取属性'偏移'的未定义引用或null引用
- 从列表中的选定项获取属性值
- 获取属性(邮政编码)并在Google地图API 3中使用
- IE:无法获取属性'的值;clientWidth':对象为null或未定义
- 如何通过类名和过滤函数获取属性值
- 无法使用javascript表示法获取属性值