./src/components/Main.jsx中的錯誤-Webpack

Question

有人可以幫我嗎？ 當我嘗試使用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']
        }
      }
    ]
  }

有人可以幫我解決這個問題嗎？

Answer 1

在JSX中， {}是一個javascript 表達式 。 由於您嘗試傳遞對象文字 ，因此需要使用雙括號：

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

JSX表達式文檔

正如大衛在下面指出的那樣，如果您只是想將狀態分配給todos而無需添加任何自己的屬性，那么就足夠了：

todos={store.getState()}