javascript - IE下报错“Objects are not valid as a React child”

问题描述

问 题

错误描述：Objects are not valid as a React child. If you meant to render a collection of children, use an array instead or wrap the object using createFragment(object) from the React add-ons. Check the render method of Root.

我知道react child不能是一个对象，需转成数组或者字符串 ，但是我没在我的Root类里发现这样的错误，而且这个bug只在IE下出现，这个错误信息是指Root类本身有问题还是说Root类里所有可能渲染的组件有问题

import React, { Component, PropTypes } from 'react'
import { Provider } from 'react-redux'
import { Router, browserHistory } from 'react-router'
import { syncHistoryWithStore } from 'react-router-redux'
import routes from './routes'

export default class Root extends Component {
  render() {
    const { store } = this.props
    const history = syncHistoryWithStore(browserHistory, store)
        // render Root, and Router, which will load specific component when an URL is loaded
    return (
      <Provider store={store}>
        <div>
          <Router history={history} routes={routes} />
        </div>
      </Provider>
    )
  }
}```

解决方案

在入口文件前加入了babel-polyfill
参考：https://github.com/facebook/r...

entry: {
    'app': ["babel-polyfill", "./webpack/javascripts/react/index.js"]
}```

这篇关于javascript - IE下报错“Objects are not valid as a React child”的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！