有什么方法可以通过 JSX 和 ES6 获得 IE 8 对 React JS 的支持
Is there any way to get support of IE 8 with JSX and ES6 to React JS
新手React.js研发google发现React 0.14.X版本支持IE 8浏览器。但是 Babel's(JSX Transformer) Browser.js 不能在 IE8 浏览器上运行。在 IE 8 浏览器中控制台没有错误。请建议 React js 与 JSX 的整个架构也支持 IE 8。
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First React Example</title>
</head>
<body>
<div id="react-app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>
<script>
var contacts = [
{key: 1, name: "Anurag Dadheech", email: "anurag.dadheech@gmal.com", description: "This is descrption"},
{key: 2, name: "Priyank Soni", email: "priyank.soni@gmai.com"},
{key: 3, name: "Jayesh Helaiya", email: "jayesh@gmal.com"},
]
var ContactItem = React.createClass({
propTypes: {
name: React.PropTypes.string.isRequired,
email: React.PropTypes.string.isRequired,
description: React.PropTypes.string,
},
render: function() {
// I wrap mult-line return statements in parentheses to avoid the
// inevitable bugs caused by forgetting that JavaScript will throw away
// the final lines when possible. The parentheses are not strictly
// necessary.
return (
React.createElement('li', {},
React.createElement('h2', {}, this.props.name),
React.createElement('a', {href: 'mailto:'+this.props.email}, this.props.email),
React.createElement('div', {}, this.props.description)
)
)
},
})
var contactItemElements = contacts
.filter(function(contact) { return contact.email })
.map(function(contact) { return React.createElement(ContactItem, contact) })
var rootElement =
React.createElement('div', {},
React.createElement('h1', {}, "Contacts"),
React.createElement('ul', {}, contactItemElements)
)
ReactDOM.render(rootElement, document.getElementById('react-app'))
</script>
</body>
</html>
它在 chrome 和 Firefox 中工作正常,但在 IE 8 中它提供
__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' is null or not and object
React js 社区表示他们为 0.14.x 提供 IE8 支持,但大多数实用程序在 IE8 中不起作用,所以如果你选择 angularjs 1.2.x .有很多关于 IE8 的支持。你永远不会后悔。
新手React.js研发google发现React 0.14.X版本支持IE 8浏览器。但是 Babel's(JSX Transformer) Browser.js 不能在 IE8 浏览器上运行。在 IE 8 浏览器中控制台没有错误。请建议 React js 与 JSX 的整个架构也支持 IE 8。
<!DOCTYPE html>
<html lang="en">
<head>
<title>My First React Example</title>
</head>
<body>
<div id="react-app"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/react/0.14.8/react-dom.min.js"></script>
<script>
var contacts = [
{key: 1, name: "Anurag Dadheech", email: "anurag.dadheech@gmal.com", description: "This is descrption"},
{key: 2, name: "Priyank Soni", email: "priyank.soni@gmai.com"},
{key: 3, name: "Jayesh Helaiya", email: "jayesh@gmal.com"},
]
var ContactItem = React.createClass({
propTypes: {
name: React.PropTypes.string.isRequired,
email: React.PropTypes.string.isRequired,
description: React.PropTypes.string,
},
render: function() {
// I wrap mult-line return statements in parentheses to avoid the
// inevitable bugs caused by forgetting that JavaScript will throw away
// the final lines when possible. The parentheses are not strictly
// necessary.
return (
React.createElement('li', {},
React.createElement('h2', {}, this.props.name),
React.createElement('a', {href: 'mailto:'+this.props.email}, this.props.email),
React.createElement('div', {}, this.props.description)
)
)
},
})
var contactItemElements = contacts
.filter(function(contact) { return contact.email })
.map(function(contact) { return React.createElement(ContactItem, contact) })
var rootElement =
React.createElement('div', {},
React.createElement('h1', {}, "Contacts"),
React.createElement('ul', {}, contactItemElements)
)
ReactDOM.render(rootElement, document.getElementById('react-app'))
</script>
</body>
</html>
它在 chrome 和 Firefox 中工作正常,但在 IE 8 中它提供
__SECRET_DOM_DO_NOT_USE_OR_YOU_WILL_BE_FIRED' is null or not and object
React js 社区表示他们为 0.14.x 提供 IE8 支持,但大多数实用程序在 IE8 中不起作用,所以如果你选择 angularjs 1.2.x .有很多关于 IE8 的支持。你永远不会后悔。