反应渲染方法无效语法错误

Question

我有像这样的index.js

import React from 'react'
import { render } from 'react-dom'
import { Provider } from 'react-redux'
import Login from './containers/Login'
import configureStore from './store/configureStore'

const store = configureStore()

render(
    <Provider store={store}>
        <Login />
    </Provider>,
  document.getElementById('root')
)

当我使用npm run build构建它时，它会给我语法错误。 这里可能有什么问题？

Answer 1

您正在使用JSX，因此您必须将它们转换（我建议使用Babel，这可以转换JSX和ES6）。

否则，您可以使用此

而不使用JSX

render(
  React.createElement(Provider, {store: store},
    React.createElement(Login, {})
  ),
  document.getElementById('root')
);