본문 바로가기
JavaScript/React with Error

[해결 방법] Expected an assignment or function call and instead saw an expression

by HJ0216 2023. 6. 5.

⚛️ 기본 환경: IDE: VS code, Language: React

 

 

발생 Error

React에서 다음 Source Code를 실행할 경우,

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { createSlice } from '@reduxjs/toolkit';
import React from 'react';
 
const initialState = {count: 0};
 
const countSlice = createSlice({
    name'count',
    initialState,
    reducers: {
        increment(state) {state.count + 1},
    },
 
});
 
export default countSlice;
 
 
 

🚨 다음과 같은 오류 발생

Expected an assignment or function call and instead saw an expression

 

 

발생 원인

state.count 값을 변화시키기 위한 표현식이 잘못 기재되어있음

state.count + 1은 state.count 값을 변화시키기는 것이 아니라 반환된 값에 1을 더하는 표현식

 

 

해결 방법

state.count + 1을 변화시키는 수식으로 수정

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
import { createSlice } from '@reduxjs/toolkit';
import React from 'react';
 
const initialState = {count: 0};
 
const countSlice = createSlice({
    name'count',
    initialState,
    reducers: {
        increment(state) {state.count += 1},
    },
 
});
 
export default countSlice;