Error de sintaxis de React-Redux @connect
Soy nuevo en el uso de React y Redux, estoy creando una aplicación simple para todos. Estoy escribiendo mi aplicación usando la herramienta create-react-app en la línea de comando.
La cuestión
Fui a otros blogs y publicaciones y otros han mencionado que me falta un complemento npm para transformar los decoradores "transform-decorators-legacy", agregué esto a mis dependencias junto con Babel, pero todavía recibo el mismo error.
Syntax error: Unexpected token (9:0)
7 | import './App.css';
8 |
> 9 | @connect((store) => {
| ^
10 | return {
11 | user: store.user.user
12 | }
Mi código
import React, { Component } from 'react';
import { connect } from 'react-redux';
import Todos from './components/Todos';
import Todo from './components/Todo';
import './App.css';
@connect((store) => {
return {
user: store.user.user
}
})
class App extends Component {
constructor(){
super()
this.state = {
name: 'Brad',
todos: [
{
id: '001',
name: 'Take out trash',
completed: false
},
{
id: '002',
name: 'Meeting with boss',
completed: false
},
{
id: '003',
name: 'Go out to dinner',
completed: false
}
]
}
}
render() {
return (
<div className="App">
<h1>Hello</h1>
<Todos name={this.state.name} todos={this.state.todos}/>
<Todo/>
</div>
);
}
}
export default App;
Mis dependencias
package.json
{
"name": "react-redux-project",
"version": "0.1.0",
"private": true,
"dependencies": {
"axios": "^0.16.2",
"react": "^15.6.1",
"react-dom": "^15.6.1",
"react-redux": "^5.0.6",
"redux": "^3.7.2",
"redux-logger": "^3.0.6",
"redux-promise-middleware": "^4.3.0",
"redux-thunk": "^2.2.0"
},
"devDependencies": {
"babel": "^6.23.0",
"babel-plugin-transform-decorators-legacy": "^1.3.4",
"react-scripts": "1.0.11"
},
"scripts": {
"start": "react-scripts start",
"build": "react-scripts build",
"test": "react-scripts test --env=jsdom",
"eject": "react-scripts eject"
}
}
Cualquier ayuda / conocimiento será apreciado gracias!