강의

멘토링

커뮤니티

인프런 커뮤니티 질문&답변

castinglife님의 프로필 이미지
castinglife

작성한 질문수

[리뉴얼] React로 NodeBird SNS 만들기

테이블을 만들어 보려고 하고 있습니다. 아래와 같은 에러가 나오는데 원인이 무었인지 알려주실수 있을까요?

해결된 질문

작성

·

240

0

import React from 'react';

const Home = () => {

       rows = [
            { id: 1, date: '2020-09-15', inTime: '07:05', outTime: '18:06'},
            { id: 2, date: '2020-09-15', inTime: '07:05', outTime: '18:06'},
            { id: 3, date: '2020-09-15', inTime: '07:05', outTime: '18:06'},
            { id: 4, date: '2020-09-15', inTime: '07:05', outTime: '18:06'},
            { id: 5, date: '2020-09-15', inTime: '07:05', outTime: '18:06'},
        ];



    return (
            const { rows } = this.status;
        <>
            <table>
                <thead>
                    <tr>
                        <th>No</th>
                        <th>Date</th>
                        <th>입차</th>
                        <th>출차</th>
                        <th>방문자</th>
                    </tr>

                </thead>
                <tbody>
                    {rows.map((v) => {
                        <tr key={v.id}>
                            <td><input type="number" value={v.id} /></td>
                            <td><input type="date" value={v.date} /></td>
                            <td><input type="time" value={v.inTime} /></td>
                            <td><input type="time" value={v.outTime} /></td>
                        </tr>
                    })};
                </tbody>
            </table>
        </>
    );
};

export default Home;

답변 4

0

castinglife님의 프로필 이미지
castinglife
질문자

return 을 넣어주니 정상적으로 로딩 됩니다.

감사합니다..^^

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

map 안에 return을 안하셨습니다.

0

castinglife님의 프로필 이미지
castinglife
질문자

캡쳐를 잘못올렸네요. ㅠ.ㅜ

그 부분은 수정을 했습니다... 감사합니다.

아래 tbody map 을 이용해서 가져오는 부분이 가져와 지지를 않네요.. 에러도 뜨지를 않아서.. 뭐가 문제인지를 잘 모르겠습니다..

0

제로초(조현영)님의 프로필 이미지
제로초(조현영)
지식공유자

return 위에다 const 선언하셔야 합니다.

castinglife님의 프로필 이미지
castinglife

작성한 질문수

질문하기