title: In React with Redux how to make double colons work
body: <p>I am trying to use ES2017 in my React project with webpack</p>
  
  <p>I have a <code>.babelrc</code> file, and a <code>package.json</code>. </p>
  
  <p>this is my <code>.babelrc</code> file:</p>
  
  <pre><code>{
    "presets": ["es2017"]
  }
  </code></pre>
  
  <p>and this is <code>package.json</code>:</p>
  
  <pre><code> {
    "name": "myapp",
    "version": "1.0.0",
    "private": true,
    "devDependencies": {
      "babel-core": "^6.22.1",
      "babel-loader": "^6.2.10",
      "babel-plugin-syntax-async-functions": "^6.13.0",
      "babel-plugin-syntax-trailing-function-commas": "^6.22.0",
      "babel-plugin-transform-async-to-generator": "^6.22.0",
      "babel-preset-es2017": "^6.22.0",
      "enzyme": "^2.4.1",
      "react-addons-test-utils": "^15.3.0",
      "react-scripts": "^0.4.0",
      "webpack": "^2.2.1"
    },
    "dependencies": {
      "css-loader": "^0.26.1",
      "react": "^15.3.0",
      "react-bootstrap": "^0.30.7",
      "react-dom": "^15.3.0",
      "react-redux": "^4.4.5",
      "react-router": "^3.0.0",
      "react-router-redux": "^4.0.7",
      "redux": "^3.5.2",
      "redux-logger": "^2.6.1",
      "redux-thunk": "^2.1.0",
      "style-loader": "^0.13.1"
    },
    "scripts": {
      "start": "react-scripts start",
      "build": "react-scripts build",
      "eject": "react-scripts eject",
      "test": "react-scripts test"
    },
    "eslintConfig": {
      "extends": "./node_modules/react-scripts/config/eslint.js"
    }
  }
  </code></pre>
  
  <p>When I am trying to use double colon, console reports syntax error</p>
  
  <pre><code>&lt;div onMouseEnter={::this.mouseEnter()}&gt;
  &lt;/div&gt;
  </code></pre>
  
  <p>anything wrong?</p>