티스토리 뷰

4. 리액트

mypage.js

패스트코드블로그 2020. 7. 24. 14:57
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
 <MDBContainer className="py-5">
      <MDBRow center>
        <MDBCol md="6">
          <MDBCard>
            <MDBCardBody>
              <form>
                <p className="h4 text-center py-4">회원 정보</p>
                <div className="grey-text">
                  <MDBInput
                    label="이메일"
                    group
                    type="email"
                    icon="null"
                    validate
                    error="wrong"
                    success="right"
                    value={this.state.email}
                  />
                  <MDBInput
                    label="닉네임 (변경 하려면 클릭)"
                    group
                    type="text"
                    icon="null"
                    validate
                    error="wrong"
                    success="right"
                    value={sessionStorage.getItem('userName')}
                    onClick={this.Changer}
                  />
                  {this.state.NameChanger ?
                   <div>
                    <MDBInput
                    label="변경할 닉네임"
                    group
                    type="text"
                    icon="null"
                    validate
                    onChange={this.userNameUpdate}
                    />
                  <MDBInput
                  label="가입일"
                  group
                  type="text"
                  icon="null"
                  validate
                  value={this.state.regdate.split('T')[0]}
                   />
                  </div> :
                  <MDBInput
                  label="가입일"
                  group
                  type="text"
                  icon="null"
                  validate
                  value={this.state.regdate.split('T')[0]}
                   />}
                </div>
                <div className="text-center py-4 mt-3">
                  <MDBBtn color="cyan"  onClick={this.Update}>
                    닉네임 변경
                  </MDBBtn>
                </div>
              </form>
            </MDBCardBody>
          </MDBCard>
        </MDBCol>
      </MDBRow>
    </MDBContainer>
cs

'4. 리액트' 카테고리의 다른 글

React CRA on Git Bash  (0) 2020.09.12
NoticeList.js 에서 list.map() 사용  (0) 2020.08.18
Hawaii Mobeom Login.js about JWT Login on SpringBoot and React  (0) 2020.07.28
axios 데이터가 넘어오나, 화면에 뿌려지지 않는 문제 해결  (0) 2020.07.27
TS/리액트/ 리덕스 (react-redux) 를 활용한 Todo 예제  (0) 2020.07.14
댓글
공지사항
최근에 올라온 글
최근에 달린 댓글
Total
Today
Yesterday
링크
TAG more
«   2025/01   »
일 월 화 수 목 금 토
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함