reactjs - React-Redux @connect syntax error -


i'm new using react , redux, i'm building simple todos application. writing application using create-react-app tool in command line.

the issue

i went other blogs , post , others have mentioned missing npm plugin transform decorators "transform-decorators-legacy", added dependencies along babel, still receiving same error.

syntax error: unexpected token (9:0)     7 | import './app.css';    8 | >  9 | @connect((store) => {      | ^   10 |   return {   11 |     user: store.user.user   12 |   }

my code

import react, { component } 'react'; import { connect } 'react-redux';  import todos './components/todos'; import todo './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 boss',           completed: false         },         {           id: '003',           name: 'go out 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;

my dependencies

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"   } }

any help/knowledge appreciated thanks!

try this:

const statemap = (state) => {     console.log('state', state);     return {         //something state     }; };  export default connect(statemap)(app);

Comments

Post a Comment

Popular posts from this blog

PHP and MySQL WP -

i trying accomplish 2 things here code. writing php directly wp page using insert php plugin. 1) query mysql database , return results 1 column 4 columns. 2) make each result own hyperlink directs user new wp page runs new query on page. i able query show results , turn results dynamic hyperlink, cannot formatting down. right returns result 1 column. here have: [insert_php] $servername = "localhost"; $username = "login"; //edited privacy $password = "password"; //edited privacy $database = "database"; //edited privacy // create connection $conn = new mysqli($servername, $username, $password, $database); // check connection if ($conn->connect_error) { die("connection failed: " . $conn->connect_error); } echo "connected successfully"; //get results database $result = mysqli_query($conn,"select mine mines order mine"); $all_property = array(); //declare array saving property //showing proper...
Read more

android - InAppBilling registering BroadcastReceiver in AndroidManifest -

i'm implementing inapp billing in android app. works well, however, i'm trying decouple broadcast receiver activity manifest. suggestion in android's trivialdrive sample: // important: dynamically register broadcast messages updated purchases. // register receiver here instead of <receiver> in manifest // because call getpurchases() @ startup, therefore can ignore // broadcasts sent while app isn't running. // note: registering listener in activity bad idea, done here // because sample. regardless, receiver must registered after // iabhelper setup, before first call getpurchases(). currently there's class extends broadcastreceiver : public class iabbroadcastreceiver extends broadcastreceiver { /** * intent action receiver should filter for. */ public static final string action = "com.android.vending.billing.purchases_updated"; private final iabbroadcastlistener mlistener; public iabbroadcastreceiver(iabbroadcastlistener listener) { m...
Read more

go - golang pprof for c library code -

i have been trying profile golang application pprof, seems details of c code(linked static library) missed in output result. flame graph from frame graph can see c code time consuming reported within "runtime._externalcode", no details @ all. , sure static library compiled debug enable. so there way make pprof details(like stack trace) of 3rd party c code? or there other golang profiling tool this?
Read more