Не могу получить значение состояния массива в React

Question

Когда я пытаюсь получить значение ...this.state.users показывает ошибку в реакции

Код реакции

handleChange(i, e) {
        const { name, value } = e.target;
        let users = [...this.state.users];
        users[i] = { ...users[i], [name]: value };
        this.setState({ users });
    }

Мой файл веб-пакета

const path = require('path');
module.exports = (env) => {
    const isProduction = env === 'production';
    return {
        entry: './src/index.js',
        output: {
            path: path.join(__dirname, 'public'),
            filename: 'bundle.js',
        },
        module: {
            rules: [
                {
                    loader: 'babel-loader',
                    test: /\.js$/,
                    exclude: /node_modules/,
                },
                {
                    test: /\.css$/,
                    use: ['style-loader', 'css-loader'],
                },
            ],
        },
    };
}

И ошибка

 ERROR in ./src/components/Index.js
[1] Module build failed: SyntaxError: E:/Program/reactjs/check/client/src/components/Index.js: Unexpected token (47:15)

Пожалуйста, помогите мне исправить эту ошибку

Answer 1

Похоже, вам нужно правильно настроить babel.Согласно этой записи , вам необходимо убедиться, что у вас установлена ​​предустановка stage-0:

npm install --save-dev babel-preset-stage-0

и настроено:

{
  "presets":[
    "es2015", "react", "stage-0"
  ]
}

Однако, есливы используете Babel v7 или выше, вы должны использовать другую установку и конфигурацию :

npm install --save-dev @babel/plugin-proposal-object-rest-spread

и поместить ее в файл .babelrc:

{
  "plugins": ["@babel/plugin-proposal-object-rest-spread"]
}