Não é possível usar as funções de seta gorda (ES6) em reagir [duplicado]
Esta pergunta já tem uma resposta aqui:
Como usar funções de seta (campos de classe pública) como métodos de class 4 respostasEu tive alguns problemas usando as funções de seta gorda em reagir. Se a função não for anônima, ela reclamará da sintaxe e não será compilad
Este
handleItemClick = (e, { name }) => this.setState({ activeItem: name });
Dá-me:
BabelLoaderError: SyntaxError: Unexpected token (20:20)
Aponta para o sinal de igual (handleItemClick '='
Isto, no entanto, funciona muito bem:
onClick={ (arg) => {//Do something} };
Há algo de errado com a minha configuração do webpack ou alguma outra coisa que estou perdendo? Grato por qualquer dica.
module.exports = {
entry: PATHS.app_path,
output:{
path: PATHS.build,
filename: 'index.js'
},
devServer:{
inline: true,
port: 3333,
contentBase: PATHS.build,
publicBase: PATHS.build,
historyApiFallback: true
},
resolve: {
root: path.resolve('./public'),
extensions: ['', '.js', '.jsx']
},
module: {
loaders: [
{
test: /\.jsx?$/,
exclude: /(node_modules|bower_components)/,
loader: 'babel',
query: {
presets: ['es2015', 'react']
}
},
{
test: /\.css$/,
loader: 'style-loader'
},
{
test: /\.css$/,
loader: 'css-loader',
query: {
modules: true,
localIdentName: '[local]'
//localIdentName: '[name]__[local]___[hash:base64:5]'
}
},
{ test: /\.(png|woff|woff2|eot|ttf|jpg)$/, loader: 'url-loader?limit=100000' },
{
test: /.*\.svg$/,
loaders: [
'file-loader',
'svgo-loader?' + svgoConfig,
]
}
]
}
};