中的错误/src/components/Main.jsx-Webpack

ERROR in ./src/components/Main.jsx - Webpack

本文关键字：Main jsx-Webpack components src 错误      更新时间：2023-09-26

有人能帮我吗？当我尝试使用webpack时，它会显示以下错误：

Module build failed: SyntaxError: /path/to/my/folder/src/components/Main.jsx: Unexpected token (170:13)
  168 |ReactDOM.render(
  169 |<TodoApp
> 170 |    todos={...store.getState()}
      |              ^
  171 |     />,
  172 |     document.getElementById('app')
  173 |   );

这是我的webpack.config.js:的配置

  module : {
    loaders : [
      {
        test : /'.jsx$/,
        exclude : /node_modules/,
        loader : 'babel',
        query : {
          presets : ['react', 'es2015', 'stage-2']
        }
      }
    ]
  }

有人能帮我解决这个问题吗？

在JSX中，{}是一个javascript表达式。由于您试图传递对象文字，因此需要使用双大括号：

todos={{...store.getState()}}

JSX Expression Docs

正如david在下面指出的，如果您的意图只是将状态分配给todos，而不添加任何自己的属性，那么这就足够了：

todos={store.getState()}
相关文章：