inflearn logo
강의

講義

知識共有

ライフコーディング - Redux

actionをdispatchを介して渡す

이상한 오류가 뜹니다.

412

auddnjs33262870

投稿した質問数 10

0

<html>
    <head>
        <script src="https://cdnjs.cloudflare.com/ajax/libs/redux/4.2.0/redux.min.js"></script>
    </head>
    <body>
        <div id="subject"></div>
        <div id="toc"></div>
        <div id="control"></div>
        <div id="content"></div>
        <script>
            function subject() {
                document.querySelector("#subject").innerHTML = `
                <header>
                    <h1>WEB</h1>
                        Hello, WEB!
                </header>`;
            }
            function TOC() {
                var state = store.getState();
                var i = 0;
                var liTags = "";
                while (i < state.contents.length) {
                    liTags =
                        liTags +
                        `
                        <li>
                            <a onclick="
                                event.preventDefault();
                                var action = {type:"SELECT", id:${state.contents[i].id}}
                                store.dispatch(action);
                            " href="${state.contents[i].id}">
                                ${state.contents[i].title}
                            </a>
                        </li>`;
                    i = i + 1;
                }
                document.querySelector("#toc").innerHTML = `
                <nav>
                    <ol>${liTags}</ol>
                </nav>
                `;
            }
            function control() {
                document.querySelector("#control").innerHTML = `
                <ul>
                    <li><a href="/create">create</a></li>
                    <li><input type="button" value="delete"></li>
                </ul>
                `;
            }
            function article() {
                document.querySelector("#content").innerHTML = `
                <article>
                    <h2>HTML</h2>
                    HTML is ...
                </article>
                `;
            }

            function reducer(state, action) {
                console.log(state, action);
                if (state === undefined) {
                    return {
                        contents: [
                            { id: 1, title: "HTML", desc: "HTML is .." },
                            { id: 2, title: "CSS", desc: "CSS is .." },
                        ],
                    };
                }
            }
            var store = Redux.createStore(reducer);
            subject();
            TOC();
            control();
            article();
        </script>
    </body>
</html>

코드가 이런데 위에 HTML을 누르면 강의처럼 콘솔에 뜨는게 아니라 창이넘어가면서 Cannot GET/%EB%A6%AC%EB%8D%95%EC%8A%A4/1 이런게 뜹니다 뭘 잘못한걸까요 ㅜㅜ.

redux

回答 1

0

insung9405538

var action = {type:"SELECT", id:${state.contents[i].id}}

type에 "" 대신 ''로 바꿔보세요.

태크 작성이 문자열이라 문법 오류가 나네요.

다른 분들은 삽질하지 않으시길..

  • 큰따옴표 안에 큰 따옴표 X

  • 큰따옴표 안에 작은따옴표 O

  • 작은따음표 안에 큰따옴표 O

  • 작은따옴표 안에 작은따옴표 X

라우터 궁금사항

0

36

1

자료 Git Source 주소 ??

0

64

1

교육자료 소스 바로 실행시..

0

78

1

교육자료 소스 바로 실행시..

0

58

1

넥스트 버젼 질문

0

78

2

로그인시 401 Unauthorized 오류가 뜹니다

0

89

1

모바일 버전에 쓰이는 이미지를 다운받고 싶어요

0

66

1

vite를 꼭 써야하나요

0

56

1

강의 내용은 훌륭하나, 환경 설정 오류 때문에 진도를 나갈 수 없습니다. 20년 버전 강의.

0

60

1

강의 소스 코드 압축 풀기 오류

0

70

1

npm i하면 바로, 라이브러리 오류없이 받아지고, 구동되는 소스는 없나요?

0

52

1

쇼핑몰관련 질문드립니다.

1

75

2

강의자료는 어디서 볼 수있나요??

0

66

1

13-1, 13-2 질문

0

121

1

이 쇼핑몰 만들기 강의는 관리자페이지 만드는건 없나요

0

114

2

무한 스크롤 중 스크롤 튐 현상

0

175

1

특정 페이지 접근을 막고 싶을 때

0

103

2

createGlobalStyle의 위치와 영향범위

0

96

2

인라인 스타일 리렌더링 관련

0

91

2

웹에서 실시간 코드반영이 안돼요

0

120

1

app.use질문

0

64

1

강사님께 어떻게 직접질문할수있어요??

0

76

1

vscode 기능 질문

0

380

1

function blue를 변경하였을때

0

329

1