Есть клас:
import React, { Component, PropTypes } from 'react'
import { connect } from 'react-redux'
import { actionCreators as userActions } from '../reducers/user'
class App extends Component {
setName = () => {
this.props.setName('Test')
};
render() {
return (
<div onClick={this.setName}>
<h1>Wolcome to React</h1>
<p>
Test <b>HRM</b>. {this.props.user.name}
</p>
</div>
)
}
}
function mapStateToProps({ user }) {
return { user }
}
export default connect(mapStateToProps, userActions)(App)
Webpack конфиг:
import webpack from 'webpack'
import path from 'path'
import { WDS_PORT, ENV, ENV_DATA } from './config'
const ENV_VARIBLES = JSON.stringify(ENV_DATA[ENV.dev]);
export default {
context: path.resolve(__dirname, 'src'),
entry: {
app: [
'react-hot-loader/patch',
`webpack-dev-server/client?http://localhost:${WDS_PORT}`,
'webpack/hot/only-dev-server',
'./index.js'
]
},
output: {
path: path.resolve(__dirname, 'bin/dist'),
publicPath: `http://localhost:${WDS_PORT}/dist`,
filename: '[name].bundle.js'
},
devtool: 'source-map',
resolve: {
extensions: ['.js', '.jsx'],
},
devServer: {
port: WDS_PORT,
contentBase: path.resolve(__dirname, 'bin'),
historyApiFallback: true,
inline: false,
hot: true
},
module: {
rules: [
{
test: /\.(js|jsx)$/,
exclude: /node_modules/,
use:[
{ loader: 'babel-loader' },
{ loader: 'eslint-loader' }
]
}
]
},
plugins: [
new webpack.DefinePlugin({
'process.env.app': ENV_VARIBLES
}),
new webpack.NamedModulesPlugin(),
new webpack.HotModuleReplacementPlugin()
]
}
.babelrc:
{
"presets": [
"env",
"stage-2",
"stage-0",
"react",
],
"plugins": ["react-hot-loader/babel"]
}
При сборке показывает ошибку парсера:
ERROR in ./src/containers/App.js
/Users/vitaliy/projects/test/react-boilerplate/src/containers/App.js
8:11 error Parsing error: Unexpected token =
✖ 1 problem (1 error, 0 warnings)
И если делать такую конструкцию в событии onClick={e => ::this.someAction}
тоже ругается на ::
, в чем может быть проблема, не правильно настроен бабель ?
Айфон мало держит заряд, разбираемся с проблемой вместе с AppLab
Перевод документов на английский язык: Важность и ключевые аспекты
вот пен codepenio/cache0/pen/JWMNge
Как динамически изменить min и max в jquery ui ползунке? Мне нужно будет перерисовать элемент
Всем приветДопустим есть блок <div id="block"></div>