장바구니 기능 만들기

[이도아]

<코드>

 

function reducer(state = 기본state, 액션){

  if(액션.type==='항목추가'){

    let found = state.findIndex((a)=>{return a === 액션.데이터.id });

    if(found >= 0){

      let copy = [...state];
      copy[found].quan++;

    }
    else {
      let copy = [...state];
      copy.push(액션.데이터);

      return copy
    }
   

  } else if {(액션.type === '수량증가'){
    
    let copy = [...state];
    copy[액션.데이터].quan++;

    return copy
  
  }

  } else if(액션.type === '수량감소'){
    
    let copy2 = [...state];

    if (copy2[액션.데이터].quan > 0){
    copy2[액션.데이터].quan--;

    return copy2

  }

  }else{

    return state
  }

}

 

 

<오류내용>

 

Failed to compile

 

 

./src/index.js
SyntaxError: C:\Users\나\Desktop\코딩애플\리액트수업\shop\src\index.js: Unexpected token, expected "(" (57:12)

55 |
56 |
> 57 | } else if {(액션.type === '수량증가'){
| ^
58 |
59 | let copy = [...state];
60 | copy[액션.데이터].quan++;

 

 

 

 

어떤게 문제인걸까요?... 자꾸 오류가 나네요

뭔가 안닫힌것같은데...

[codingapple]

 } else if {(액션.type === ‘수량증가’){  이 부분이

 } else if (액션.type === ‘수량증가’){ 이거가 아닐까요

[이도아]

import React from 'react';
import ReactDOM from 'react-dom';
import './index.css';
import App from './App';
import reportWebVitals from './reportWebVitals';
import {BrowserRouter} from 'react-router-dom';

import {Provider} from 'react-redux';
import {combineReducers, createStore} from 'redux';

let alert초기값 = true;

function reducer2(state = alert초기값, 액션){
  
  if (액션.type === 'false만들기'){
    
    state = false;

    return state

  } else {
    return state
  }

}

let 기본state =  [{id : 0, name : '멋진신발', quan: 1},
{id : 1, name : '예쁜신발', quan: 2}

];

function reducer(state = 기본state, 액션){

  if(액션.type==='항목추가'){

    let found = state.findIndex((a)=>{return a === 액션.데이터.id });

    if(found >= 0){

      let copy = [...state];
      copy[found].quan++;

    } else {
      let copy = [...state];
      copy.push(액션.데이터);

      return copy
    } 
    
  } else if (액션.type === '수량증가'){
    
    let copy = [...state];
    copy[액션.데이터].quan++;

    return copy
  
  } else if(액션.type === '수량감소'){
    
    let copy = [...state];

    if (copy[액션.데이터].quan > 0){
    copy[액션.데이터].quan--;

    return copy

  } else{

    return state
  }

}

} 

let store = createStore(combineReducers({reducer,reducer2}));

ReactDOM.render(
  <React.StrictMode>
    <BrowserRouter>
    <Provider store={store}>
    <App />
    </Provider>
    </BrowserRouter>
  </React.StrictMode>,
  document.getElementById('root')
);

// If you want to start measuring performance in your app, pass a function
// to log results (for example: reportWebVitals(console.log))
// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals
reportWebVitals();

 

 

ㅜㅜ 도저히 모르겠어요... 그부분  { 이거 지워도 계속 오류가 뜨네요....

https://blog.naver.com/jmje1992/222375146721    <- 이건 오류 내용입니다!! 

오류가 너무 길어서 무섭습니다..

[codingapple]

역시 미국말을 잘해야 개발도 잘합니다

리듀서만들 때 return을 안쓴 부분이 있다는 소리같아서 그것을 잘 찾아보도록합시다

[글쓴이]

글