inflearn logo
강의

Khóa học

Chia sẻ kiến thức

Học React.js thông qua các dự án

36 Nhận từ blog db và hiển thị trên màn hình

return (<div></div>)

426

eodilda

96 câu hỏi đã được viết

0

return <LoadingSpinner />

어떤 경우에는 () 괄호를 치고 return 을 하고,

어떤 경우에는 < /> 태그만 치고 return 을 하는데 그 차이가 뭔

가요?

react redux es6

Câu trả lời 2

0

kossiecoder

() 이 괄호 안에 있는 결과 값이 리턴 되는거예요

이 경우에는
return (<LoadingSpinner />) 괄호 안에 jsx를 리턴하게 되는거고

이 경우에는

return (isAdmin ? <LoadingSpinner /> : 1)

isAdmin이 true이면 <LoadingSpinner />라는 jsx를 리턴하고 false 일 경우 1을 리턴하게 되는거죠

0

kossiecoder

return <LoadingSpinner /> 는 jsx를 리턴
return (<LoadingSpinner />) 괄호 안에서 자바스크립트 코드 사용 가능

  1. 더 깔끔
    return <LoadingSpinner /> vs return (<LoadingSpinner />)
    첫번째가 더 깔끔합니다

    2. 자바스크립트 코드 사용


    const isAdmin = true;
    return (isAdmin ? <LoadingSpinner /> : <div>일반유저</div>)


    이런식으로 자바스크립트 사용 가능합니다

0

eodilda

두 코드의 표현식 어디든 허용된다는 말씀이신가요!?

어떤 경우에는 jsx 로 표현,

어떤 경우에는 자바스크립트 로 표현이 아니라요..?

0

eodilda

추가로 질문하나더 합니다.

useState() 호출해서

앞에 변수 할당할 때, [변수, set변수] 이렇게 선언해도록 하는 구조가..

변수 값이 변경 되었을 때, 화면에 반영이 안되잔아요.

set변수를 통해서 변수의 값을 변경해서 반영시켜주잔아요.

 

제 질문이 원에이, 투웨이 바인딩과 관계가 있습니까?

0

kossiecoder

useState를 사용하면 화면에 반영이 되게 하는거고 양방향은 아니죠 변경 하면 화면만 변경되니깐요.

 

양방향 바인딩은 input이 변경 되었을때 양방향 바인딩이라고 할수 있겠습니다
const [value, setValue] = useState('');

<input value={value} onChange={(e) => {setValue(e.target.value}} />

0

eodilda

왜 useState 를 써서 화면에 반영시키도록 하는건가요?

일반적으로 모델에 바인딩 된 값을 변경해주면 ..

모델을 양방향 설정으로 해준다면 저절로 화면에 반영될 일이 아닌가요?

참고로 전 다른 프론트엔드 언어를 쓰다가 와서 그런지

조금 낫설어서 여쭤봅니다.

useState에 대한 코지님의 의견이 듣고싶어서 질문을 드리는 이유이기도 합니다.

0

kossiecoder

어떤 프레임워크 쓰다 오셨나요?

다른 프레임워크도 다 자바스크립트를 써서 같은 원리인데 편의성이 다를수 있습니다

뷰js를 예로 들면 v-model이 있죠

근데 리액트에는 이런 속성이 제공 되지 않습니다

0

eodilda

sap ui5 라는 언ㅇㅓ입니다.

많이 생소하지만, 웹단 프론트언어랑 상당히 비슷하다고 들었스빈다.

0

eodilda

답변주신거 곱씹어보면서 생각정리해보겠습니다. 감사함다

0

eodilda

하나만 더 물어봅니다.

{ isEditied() }

이것과

{ isEdited } 는 같은 거죠..?

UserEffect 빈 배열 사용 질문입니다

0

133

2

Pagination 페이지 별 데이터 불러오기 오류

0

247

1

설명이 부족 한 듯..

0

292

1

pagination nav가 안보여요

0

213

1

블로그 낫 파운드 ㅠㅠ

0

242

1

useState 에 대해

0

212

1

에러떠요..

0

525

2

useCallback 의존성 배열

0

367

1

인자가 필수로 들어가야 하는지 궁금합니다

0

393

1

AxiosError: Network Error가 뜹니다

0

11295

3

리액트 설치하려고 하니 에러가 뜹니다

0

299

1

23강 localhost 질문드립니다!!

0

587

5

renderBlogList 함수는 순수함수가 아니어도 괜찮은가요?

0

283

1

페이지네이션 버그 있습니다.

0

398

1

글 삭제 기능 구현 방법

0

311

1

react-router-dom 버전 업그레이드에 따른 문제

0

408

1

state가 업데이트되는 기준이 궁금합니다.

0

300

1

id가 두번 찍혀요

0

264

2

error handling 2 => ShowPage.js, BlogForm.js에서 에러가 납니다.

0

459

2

에러 핸들링에서 토스트가 2개씩 뜹니다..

0

435

2

36 블로그 db에서 받아와서 화면에 보여주기 에서

0

265

1

13번째 DB에 저장을 따라하고 있습니다.

0

405

2

useParams 가 동작하지 않습니다.

0

811

2

toastSlice를 store에등록할 때 질문있습니다.

0

253

1