2016-07-20 24 views
0

誰かが私を助けてもらえますか?誰かがこの問題を解決するために私を助けるかもしれERROR in ./src/components/Main.jsx - Webpack

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

:?

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の設定です:私はWebPACKのを使用しようとすると、それは私に、このエラーを示してい

答えて

1

JSXの{}は、のという表現です。あなたの意図は追加せずtodosに状態を割り当てることだけであればダビデは、以下の指摘するように

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

JSX Expression Docs

:あなたはオブジェクトリテラルを渡そうとしているので、あなたは二重の中括弧を使用する必要がありますご自身の任意のプロパティには、これは十分でしょう:

todos={store.getState()} 
+0

ではない 'ドス= {{... store.getState()}}' 'ドス= {store.getState()}'と同じ?状態ツリーの最上位の小道具をコンポーネントの小道具にしたい場合は、 ''を実行することもできます。 –